DIV CSS 佈局教程網

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)不了數據的快速解決方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的，在此也非常感謝大家對網站的支持！