Javascript 通过ajax调用传递参数-ajax url
我试图通过ajax调用将value参数传递给控制器。它是一个日期值。我正在努力找到一种通过这个ajax url传递参数的方法。请帮忙Javascript 通过ajax调用传递参数-ajax url,javascript,jquery,ajax,model-view-controller,datatables,Javascript,Jquery,Ajax,Model View Controller,Datatables,我试图通过ajax调用将value参数传递给控制器。它是一个日期值。我正在努力找到一种通过这个ajax url传递参数的方法。请帮忙 function dataTable() { var value = $("#somedatevalue).val(); $("#thisTable").DataTable({ "processing": true, "paging": fals
function dataTable() {
var value = $("#somedatevalue).val();
$("#thisTable").DataTable({
"processing": true,
"paging": false,
"language": {
processing: "<span class='processing-message'><i class='fa fa-circle-o-notch fa-spin'></i> Processing...</span>"
},
ajax: {
url: $('table#thisTable').data("ajaxurl"),
type: "POST",
datatype: "json",
},
"columns": [
{
"data": "column1",
},
{
"data": "column2",
},
{
"data": "column3",
},
{
"data": "column4",
},
{
"data": "column5",
},
{
"data": "Url",
"render": function (data) {
return '<a class="btn btn-info" href="' + data + '">Select</a>';
}
}
],
"dom": 't<"col-lg-3"l><"col-lg-6"p><"col-lg-3"i>'
});
}
函数数据表(){
var value=$(“#somedatevalue).val();
$(“#此表”)。数据表({
“处理”:对,
“分页”:false,
“语言”:{
处理:“处理…”
},
阿贾克斯:{
url:$('table#thisTable')。数据(“ajaxurl”),
类型:“POST”,
数据类型:“json”,
},
“栏目”:[
{
“数据”:“第1列”,
},
{
“数据”:“第2列”,
},
{
“数据”:“第3列”,
},
{
“数据”:“第4列”,
},
{
“数据”:“第5列”,
},
{
“数据”:“Url”,
“渲染”:函数(数据){
返回“”;
}
}
],
“dom”:“t”
});
}
您可以像http://www.url.com?date=“17-02-21”
如果您使用的是php,use可以获取值为$\u get['date']
如果您使用的是node js,则可以获得值为req.query.date
考虑以下几点
function dataTable() {
$("#thisTable").DataTable({
"processing": true,
"paging": false,
"language": {
processing: "<span class='processing-message'><i class='fa fa-circle-o-notch fa-spin'></i> Processing...</span>"
},
"ajax": {
"url": $('table#thisTable').data("ajaxurl"),
"type": "POST",
"data": { "someDate": $("#somedatevalue").val() },
"datatype": "json"
},
"columns": [
{
"data": "column1",
},
{
"data": "column2",
},
{
"data": "column3",
},
{
"data": "column4",
},
{
"data": "column5",
},
{
"data": "Url",
"render": function (data) {
return '<a class="btn btn-info" href="' + data + '">Select</a>';
}
}
],
"dom": 't<"col-lg-3"l><"col-lg-6"p><"col-lg-3"i>'
});
}
函数数据表(){
$(“#此表”)。数据表({
“处理”:对,
“分页”:false,
“语言”:{
处理:“处理…”
},
“ajax”:{
“url”:$('table#thisTable').data(“ajaxurl”),
“类型”:“职位”,
“数据”:{“someDate”:$(“#somedatevalue”).val(),
“数据类型”:“json”
},
“栏目”:[
{
“数据”:“第1列”,
},
{
“数据”:“第2列”,
},
{
“数据”:“第3列”,
},
{
“数据”:“第4列”,
},
{
“数据”:“第5列”,
},
{
“数据”:“Url”,
“渲染”:函数(数据){
返回“”;
}
}
],
“dom”:“t”
});
}
首先必须解决jQuery选择器中的输入错误,然后可以调整Ajax参数以包含数据
请参阅此处的更多信息:
原则上,它的操作方式与jQuery的$.ajax.data
属性完全相同,因为它可以作为一个对象提供参数和值以提交,但DataTables通过将其作为函数来扩展,允许在每次ajax请求时重新评估数据(见上文)
欢迎使用Stack Overflow。我马上看到您的示例显示了一个输入错误:var value=$(“#somedatevalue).val()
缺少结束引号的地方“
。要使用POST通过AJAX传递参数,需要填充数据。