是否可以使用Ajax成功结果填充jQuery DataTable

时间:2018-06-19 20:15:00

标签: javascript jquery ajax datatables

我想声明我的jQuery数据表而不先填充它,以后再调用Ajax函数时,我想获取结果并将其用作我的数据表的数据源,现在我正在为多个Ajax调用相同的目的,如果可能,我想消除这一点。

@Override
public void onDestroy() {
    super.onDestroy();
    viewModel.getEntries().removeObserver(obsEntries);
}

}); // EOInnerAjax

1 个答案:

答案 0 :(得分:0)

成功后,您可以调用一个函数来构建数据表,例如:

$.ajax({
type: "GET",
url: "/Receiving/GetUnorderedParts",
datatype: "html",
data: { "id": button.attr("data-ponumber") },
success: function(data) {
    var orderButton = $(".js-Order");
    orderButton.removeClass("invisible");
    createTable(data);
}
});

该函数可以接收对象数组并创建数据表:

function createTable(dataSet)
{
       $('#example').DataTable({        
        data: dataSet,
       "aoColumns": [{
                   "sTitle": "Description",
                   "mData": "Description"
                  }, {
                   "sTitle": "VendorPartNumber",
                   "mData": "VendorPartNumber"
                  }, {
                   "sTitle": "Quantity",
                   "mData": "Quantity"
                  }, {
                   "sTitle": "CartID",
                   "mData": "CartID",
                   "mRender": function(data) {
                    return "<button class='btn btn-danger js-delete' data-cart- id=" + data + ">Delete</button>";
                   }}]         
      });
}

Check out a working example。它接受一个对象数组并创建一个数据表。