Question

我正在尝试使用ajax填充我的表（DataTables.net）。收到的值来自我的php脚本生成的json对象。目前我可以通过使用经典方法管理它，来自PHP的变量，但我现在想切换到json方法。

这是我的jsfiddle，我测试了很多东西但没有成功：\

rows = $.map(rows, function(value) {
    if( value.indexOf(id) > -1 ) {
        return undefined;
    }

    return value;
    });

$(document).ready(function() {
  $('#example').DataTable({
    "bProcessing": true,
      "ajax": {
        "url": "http://www.json-generator.com/api/json/get/bUCyQgmGeW?indent=2",
        "dataSrc": "syncok"
      },
      "columns": [
        { "data": "Ticket_RT" },
        { "data": "Last_up_time" },
        { "data": "Last_down_time" },
        { "data": "Date_du_Diag" },
        { "data": "Commentaire_FT" },
        { "data": "Code_Retour_FT" },
        { "data": "Supprimer" }
      ]
    });
});

body {
  font-family: "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}

我希望有人可以帮我解决这个问题，我已经尝试了很多来自stackoverflow和原始文档的片段，但我不能自己管理它！

提前感谢您的帮助：）

问候。

编辑：

要解决此问题，您必须在.DataTable函数之前添加此函数： <script src="https://code.jquery.com/jquery-1.12.3.js"></script> <script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> <div id="exampleDiv">hello</div> <table width="100%" class="display" id="example"> <thead> <tr> <th>Ticket RT</th> <th>Last up time</th> <th>Date du Diag RT</th> <th>Commentaire FT</th> <th>Code Retour FT</th> <th>Supprimer</th> </tr> </thead> </table>

并为.DataTable函数添加选项$("#example").empty();。

此线程的解决方案：DataTables Forum

编辑2：

对不起我是个瞎子！现在我的标题在添加.empty（）函数后消失了...... 现在我正在努力解决另一个问题，所以如果有人可以让我以正确的方式！提前感谢您的帮助：）

FIX：

"bDestroy": true,

我希望能帮助别人：）

Answer 1

由于Ajax网址为http而不是https，因此它无法在Jsfiddle中运行，

我在电脑里尝试过它。问题是 - 专栏名称不一样。列数不相同。

ord()

从PHP Json Object填充JQuery DataTables

1 个答案: