Jquery DataTable将参数传递给ajax调用asp.net

时间:2015-11-16 14:44:03

标签: jquery datatables

下面是我的代码,我在其中向我的web方法发送ajax调用并从服务器获取数据以填充我的HTML表,因为您可以看到我正在使用Jquery DataTables来完成任务,并且它工作正常

  $('#example').DataTable({
            "ajax": {
                "dataType": 'json',
                "contentType": "application/json; charset=utf-8",
                "type": "POST",
                "url": "index.aspx/Risky",
                "dataSrc": function (json) {
                    return $.parseJSON(json.d);
                }
            },
            "columns": [
                { "data": "Prctice_Group_Risk_No" },
                { "data": "Practice_Group" },
                { "data": "Risk_Category" },
            ]
        });

我的问题是如何通过此ajax调用传递参数?我在网上到处都看到了,但所有这些例子都是关于它的服务器端处理的地方,但在这里我正在使用客户端处理,我没有使用fnsServerData或fnServerParams,任何人都可以帮助我知道如何通过我的ajax调用传递参数?

1 个答案:

答案 0 :(得分:1)

使用ajax.data选项添加或修改在Ajax请求时提交给服务器的数据。

$('#example').DataTable({
   "ajax": {
       "dataType": 'json',
       "contentType": "application/json; charset=utf-8",
       "type": "POST",
       "url": "index.aspx/Risky",
       "data": function (d) {
          d.extra_search = $('#extra').val();
       },
       "dataSrc": function (json) {
           return $.parseJSON(json.d);
       }
    },
    "columns": [
        { "data": "Prctice_Group_Risk_No" },
        { "data": "Practice_Group" },
        { "data": "Risk_Category" },
     ]
});