数据表 Ajax 调用

Question

我正在尝试通过 Jquery DataTable 从数据库中获取数据，它给出的错误为：

“DataTables 警告：表 id=tblBindData - 无法重新初始化 数据表。”

function BindData() {

    $("#tblBindData").DataTable({
        "processing": true,
        "serverSide": true,
        "sAjaxSource": "FirstTask.aspx/PopulateDatatable",
        "fnServerData": function (sSource, aoData, fnCallback) {
            aoData.push({});
            $.ajax({
                "dataType": 'json',
                "contentType": "application/json; charset=utf-8",
                "type": "POST",
                "url": sSource,
                "data": aoData,
                "success": function (msg) {
                    var json = jQuery.parseJSON(msg.d);
                    fnCallback(json);
                    $("#tblBindData").show();
                },
                error: function (xhr, textStatus, error) {
                    if (typeof console == "object") {
                        console.log(xhr.status + "," + xhr.responseText + "," + textStatus + "," + error);
                    }
                }
            });
        }
    });

}

Answer 1

你的代码有一些错误，

1. 你给了dataType:json，那么就没有必要用jQuery.parseJSON(msg.d)了。
2. 如果您使用的是"contentType": "application/json; charset=utf-8",，那么您应该在将数据传递给ajax 之前对其进行序列化。最好从你的 ajax 调用中删除 contentType。