Bootstrap Table表格一直載入(load)不了資料的快速解決方案，bootstraptable

Bootstrap Table表格一直載入(load)不了資料的快速解決方案，bootstraptable

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

以上所述是小編給大家介紹的Bootstrap Table表格一直載入(load)不了資料的快速解決方案，希望對大家有所協助，如果大家有任何疑問歡迎給我留言，小編會及時回複大家的，在此也非常感謝大家對幫客之家網站的支援！