如何解决通过ajax调用传递参数 - ajax url
我正在尝试通过 ajax 调用将值参数传递给控制器。它是一个日期值。我正在努力寻找通过这个 ajax url 传递参数的方法。请帮忙。
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>'
});
}
解决方法
您可以将值作为查询参数传递,例如 http://www.url.com?date="17-02-21"
如果您使用的是 php,则可以使用 $_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>'
});
}
首先,您必须解决 jQuery 选择器中的错字问题。然后您可以调整您的 Ajax 参数以包含 data
。
在此处查看更多信息:https://datatables.net/reference/option/ajax.data
原则上,它的操作方式与 jQuery 的 $.ajax.data
属性完全相同,因为它可以作为具有要提交的参数和值的对象给出,但 DataTables 扩展了这一点,还为其提供了以下功能:一个函数,允许在每个 Ajax 请求时重新评估数据(见上文)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。