javascript - jQuery DataTable 在文档就绪时返回 JSON

标签 javascript php jquery json datatables

我正在尝试从 PHP 脚本返回 JSON 以填充数据表。

这是名为“api/exceptions_all.php”的 PHP 脚本:

 <?php
 $select = "SELECT '', [FOR_PARTNER], [FOR_NAME] FROM [brokerage].[dbo].[for_exceptions]";  

 $query = sqlsrv_query($dbc, $select);

 $out = array();
 while( $row = sqlsrv_fetch_array($query, SQLSRV_FETCH_ASSOC) ) 
 {
   $out[] = $row;
 }
 echo json_encode($out);    

 ?>

当我在浏览器中提取文件时,我可以看到 JSON,并且它的格式正确:

 [{"":"","FOR_PARTNER":"0000111222","FOR_NAME":"CUSTOMER1 "},{"":"","FOR_PARTNER":"0000333111","FOR_NAME":"CUSTOMER2"}]

这是我尝试用来检索 JSON 的 jQuery:

 $(document).ready(function()
 {
   $.ajax({
     type: 'GET', // not sure if I should use POST or GET
     url: 'api/exceptions_all.php',
     dataType: 'json',
     async: false,
     data: data,
     success: function(data)
     {
       console.log(data); // I'm guessing the success is where I should populate the table rows
     },
     fail: function()
     {
       console.log('fail');
     }
   });
 });

这是我最初设置表格的 HTML:

 <table class='table table-bordered display nowrap' id='example1' cellspacing='0' width='100%'>
 <thead>
 <tr>
   <th><!--column used for editing--></th>
   <th>Partner Code</th>
   <th>Partner Name</th>
 </tr>
 </thead>
 <tbody id="tableBody">
 <!-- this is where the datatable rows should be displayed -->
 </tbody>
 </table>

在同一个 HTML 文件中,我格式化了数据表(现在我考虑一下,我不确定是否需要这个):

 <script type="text/javascript">
 table = $('#example1').DataTable({
   "iDisplayLength": 25,
   "autoWidth": true,
   "scrollX": true,
   "scrollY": 550,
   "stateSave": true,
   "dataType": "json"
 });
 </script>

完成所有这些后,我收到一个控制台错误,内容如下:

Uncaught ReferenceError: data is not defined

我以前也遇到过这种情况,但一直无法恢复。

最佳答案

您似乎没有通过 AJAX 将数据传递到 PHP 脚本“api/exceptions_all.php”。

所以你的 jQuery 代码中不需要这一行

数据:数据

删除它,您收到的错误就会消失

关于javascript - jQuery DataTable 在文档就绪时返回 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38617959/

相关文章:

Jquery .on ('change' ) 不会触发动态添加的元素

asp.net-mvc-2 - 对 iframe 内的内容进行 ajax 替换时触发 iframe onload 事件

javascript - 在支持多点触控捏合、平移和缩放的 HTML5 Canvas 上绘图

javascript - Jquery Accordion 在页面加载时崩溃

javascript - 使用箭头函数 react this.setState 导致控制台出错

php - php 中的函数在循环内和循环外返回具有相同参数的不同结果

php - 多张图片上传在 iphone 和 ipad 中不起作用

php - 仅在单击帖子时显示按钮

javascript - 关于计数的 Stop If 和 Else 语句

javascript - ExtJS/Javascript : How the function for clicking event actually works?