bootstrap-table是一個基於Bootstrap風格的強大的表格插件神器,官網:http://bootstrap-table.wenzhixin.net.cn/zh-cn/ 這裡列出遇到的一個小問題:Bootstrap Table表格一直載入不了數據。 我使用訪問遠程地址返回的json數據 ...
bootstrap-table是一個基於Bootstrap風格的強大的表格插件神器,官網:http://bootstrap-table.wenzhixin.net.cn/zh-cn/
這裡列出遇到的一個小問題:Bootstrap Table表格一直載入不了數據。
$("#button").click(function(){ var name=$("input[name='name']").val(); $('#table').bootstrapTable('load',"../Query/FindMoonByName?name="+name); });
我使用訪問遠程地址返回的json數據作為數據,完全沒問題啊,但是就是出錯了。
解決方法:
將放回的json數據轉換為object對象。
$("#button").click(function(){ var name=$("input[name='name']").val(); $.ajax({ type: "POST", url:"../Query/FindMoonByName?name="+name,
success: function(msg){
//這裡的msg是json對象,不是json字元串。
$('#table').bootstrapTable('load',msg);
}
});
});
如果你設置返回的響應信息Content-Type為application/json;charset=UTF-8,返回的msg就是json對象。
這時你直接載入就可以。
如果你設置返回的響應信息Content-Type為text/html;charset=UTF-8,返回的msg就是json字元串。
那你需要JSON.stringify(字元串)轉為對象再進行載入。
測試:
Bootstrap-table.js version: 1.11.1
Bootstrap.js v3.3.0
註意:本文解決辦法只是針對我的問題解決了,請大家測試好自己的。