[英]Load the JQuery Datatables with the data from the servlet via Ajax
我在這里尋找過類似的職位,但找不到符合我要求的職位。 我正在嘗試顯示jquery數據表 。 在UI上,我獲取了最新的參數,並對servlet進行了ajax調用。 Servlet將處理並返回json數據。 一旦獲得數據,我想在數據表中顯示結果。 但是我的代碼無法正常工作。 我是Datatables的新手。 這是我的代碼:
function fetchLogs(){
$.ajax({
type: "POST",
url: "LogsServlet",
data: 'FromDate='+from+'&'+'ToDate='+to,
dataType: 'json',
success: function(data){
/*$('#logs').dataTable({
"aaData": data,
"aoColumns": [{ "mDataProp": "Executed_AT" }, { "mDataProp": "User_Name"}]
});*/
$('#logs').dataTable( {
"bProcessing": true,
"sAjaxSource": data
} );
}
});
}
servlet返回的json數據:
[{"user_id":"rams.orvz@xyz.com","executed_at":"Jul 8, 2013 7:22:59 PM"}]
得到了解決方案。 這是解決它的代碼:
function fetchLogs(){
$.ajax({
type: "POST",
url: "LogsServlet",
data: 'FromDate='+from+'&'+'ToDate='+to,
dataType: 'json',
success: AjaxFetchDataSucceeded,
error: AjaxFetchDataFailed
});
}
function AjaxFetchDataSucceeded(result) {
if (result != "[]") {
//var dataTab = $.parseJSON(result);
$('#logs').dataTable({
"bProcessing": true,
"aaData": result,
//important -- headers of the json
"aoColumns": [{ "mDataProp": "user_id" }, { "mDataProp": "executed_at" }],
"sPaginationType": "full_numbers",
"aaSorting": [[0, "asc"]],
"bJQueryUI": true
});
}
}
function AjaxFetchDataFailed(result) {
alert(result.status + ' ' + result.statusText);
}
但是,顯示的數據表在外觀上完全尷尬。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.