如何在jquery数据表的ajax调用中发布参数

Posted 2023-02-24

【中文标题】如何在jquery数据表的ajax调用中发布参数

【英文标题】：How to post the parameter in ajax call of jquery datatable

【发布时间】：2014-10-19 18:35:58

【问题描述】：

到目前为止，我在数据表的 ajax 调用中将参数与 URL 一起传递。

但我想将它作为POST 方法传递，请任何人帮助我关于在 post 方法中传递参数，这是我的试用代码：

// Sending through GET
var $table = $('#example').dataTable( 
    "processing": true,
    "serverSide": true,
    "bDestroy": true,
    "bJQueryUI": true,
    "ajax": 'getResult.php?formName=afscpMcn&action=search&mcn_no='+mcnNum+'&cust_nm='+cust_num+'&emp_id='+emp+''
);

【问题讨论】：

你看到这个页面了吗？ datatables.net/examples/server_side/post.html

只需阅读manual

我想传递表单名称、操作和其他参数等参数。在该手册中，他们只提到了列数据

【参考方案1】：

只需像普通的 jQuery ajax 一样以 POST 方式传递它。

结构应该是这样的：

ajax:  type: 'POST', url: <path>, data:  your desired data  

例子：

var $table = $('#example').dataTable( 
    "processing": true,
    "serverSide": true,
    "bDestroy": true,
    "bJQueryUI": true,
    "ajax": 
        'type': 'POST',
        'url': 'getResult.php',
        'data': 
           formName: 'afscpMcn',
           action: 'search',
           // etc..
        ,
    
);

在 PHP 中，像往常一样访问 POST 索引（只是简单的方法）：

getResult.php

$form_name = $_POST['formName'];
// the rest of your values ...

DataTables manual entry

【讨论】：

嘿凯文，当 json 返回 0 结果时我遇到了麻烦，想象一下如果表没有条目......所以当它返回一个空白 JSON 时，我从数据表中收到错误......这是一个通知 JSON 格式错误的默认警报.. 你知道我该如何处理吗？

【参考方案2】：

$("#tbl").dataTable(
            oLanguage: 
                sProcessing: '<div id="loader"></div>'
            ,
            bProcessing: true,
            "bServerSide": true,
            "iDisplayLength": pageSize,
            "sAjaxSource": " /PurchaseOrder/AddVendorItems", // url getData.php etc
            "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) 
                aoData.push( "name": "where", "value": ID +" AND ISNULL(IsFinal,0) = "+ ($("#chkFinal").bootstrapSwitch('state') == true ? 1 : 0) );
                aoData.push("name": "PackIDFK", "value": $("#PackIDFK").val()) //pushing custom parameters
                oSettings.jqXHR = $.ajax( 
                    "dataType": 'json',
                    "type": "POST",
                    "url": sSource,
                    "data": aoData,
                    "success": fnCallback
                 );
             );

这是实时示例。aoData 包含服务器端所需的所有参数，您也可以推送自己的自定义参数

【参考方案3】：

你可以试试这个方法：

$('#example').dataTable( 
  "ajax": 
    "url": "data.json",
    "data": function ( d ) 
        d.extra_search = $('#extra').val();
    
  
);

https://datatables.net/reference/option/ajax.data