jQuery DataTable返回带有数据的PHP脚本

时间:2016-05-13 20:11:02

标签: javascript php jquery datatables

我目前有以下功能:

 function renderDataTable(serviceUrl)
 {
   var $dataTable = $('#example1').DataTable({
     "ajax": serviceUrl
   });
 };

当页面准备好后,我用它来发送url来设置表格:

 renderDataTable('api/qnams_all.php');  // api/qnams_all.php is the serviceUrl

我正在尝试将一些值发送到PHP脚本并返回用户输入的记录:

 $('#searchSubmit').on('click', function (){
   var searchbooking = $('#searchbooking').val();
   var searchquote = $('#searchquote').val();

   $.post('api/qnams_test.php', {searchbooking: searchbooking, searchquote: searchquote}, function(data)
   {
     renderDataTable('api/qnams_test.php');
     // I tried to do this as well ↓↓
     // renderDataTable('api/qnams_test.php' + data);
     // not successful
   });
 });

在上面的$ .post中,我将参数发送到不同的URL。我想将URL返回到renderDataTable(serviceUrl)中的serviceUrl,以便数据刷新新记录。

1 个答案:

答案 0 :(得分:1)

帖子中的功能是帖子成功的承诺功能。所以你在php脚本中回应的东西将是在作为函数参数的“数据”中。尝试以下操作,看看你到底得到了什么。然后根据需要使用它。

$.post('api/qnams_test.php', {
    searchbooking: searchbooking
    , searchquote: searchquote}
    , function(data) {
         console.log(data);
         renderDataTable(d)
    });

 function renderDataTable(d){
    for(item in d){
       if (d.hasOwnProperty(item)) {
         console.log("Key is " + item + ", value is" + d[item]);
       }
    }
 }