Bootstrap Table表格一直加載(load)不了數據-解決辦法


  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

  注意:本文解決辦法只是針對我的問題解決了,請大家測試好自己的。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM