欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法

 更新時間:2016年09月17日 15:47:10   作者:欲戴王冠.必承其重  
bootstrap-table是一個基于Bootstrap風(fēng)格的強大的表格插件神器。接下來通過本文給大家介紹Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法,感興趣的朋友一起看看吧

bootstrap-table是一個基于Bootstrap風(fēng)格的強大的表格插件神器,官網(wǎng):http://bootstrap-table.wenzhixin.net.cn/zh-cn/

  這里列出遇到的一個小問題:Bootstrap Table表格一直加載不了數(shù)據(jù)。

  $("#button").click(function(){
    var name=$("input[name='name']").val();
    $('#table').bootstrapTable('load',"../Query/FindMoonByName?name="+name);
  });

  我使用訪問遠(yuǎn)程地址返回的json數(shù)據(jù)作為數(shù)據(jù),完全沒問題啊,但是就是出錯了。

  解決方法:

  將放回的json數(shù)據(jù)轉(zhuǎn)換為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); 
         } 
     }); 
  });

  如果你設(shè)置返回的響應(yīng)信息Content-Type為application/json;charset=UTF-8,返回的msg就是json對象。
  這時你直接加載就可以。

  如果你設(shè)置返回的響應(yīng)信息Content-Type為text/html;charset=UTF-8,返回的msg就是json字符串。

  那你需要JSON.stringify(字符串)轉(zhuǎn)為對象再進行加載。

  測試:

  Bootstrap-table.js   version: 1.11.1
  Bootstrap.js         v3.3.0

以上所述是小編給大家介紹的Bootstrap Table表格一直加載(load)不了數(shù)據(jù)的快速解決方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的,在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 詳談javascript中DOM的基本屬性

    詳談javascript中DOM的基本屬性

    DOM節(jié)點是一個對象,它有著一些屬性。其中有些是只讀的,有些可以直接進行更改(updated on-the-fly)。今天我們就來具體探討下DOM的基本屬性,希望對大家能有所幫助
    2015-02-02
  • 如何使用big.js解決JavaScript浮點數(shù)精度丟失問題

    如何使用big.js解決JavaScript浮點數(shù)精度丟失問題

    最近在項目中涉及到金額從元轉(zhuǎn)為分(乘100即可),發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關(guān)于浮點數(shù)計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數(shù)精度丟失問題,感興趣的朋友一起看看吧
    2023-12-12
  • Js中Symbol的靜態(tài)屬性及用途詳解

    Js中Symbol的靜態(tài)屬性及用途詳解

    JavaScript 語言在 ES6 規(guī)范中引入了 Symbol 類型,它是一種原始數(shù)據(jù)類型,用于創(chuàng)建唯一的標(biāo)識符,本文將介紹 Symbol 類型的所有靜態(tài)屬性,并舉例說明它們的用途和使用場景,希望對大家有所幫助
    2023-12-12
  • JS通過相同的name進行表格求和代碼

    JS通過相同的name進行表格求和代碼

    表格求和想必大家并不陌生,下面為大家詳細(xì)介紹下通過相同的name進行表格求和,具體實現(xiàn)如下,感興趣的朋友可以參考下,希望對大家有所幫助
    2013-08-08
  • JS數(shù)組Object.keys()方法的使用示例

    JS數(shù)組Object.keys()方法的使用示例

    這篇文章主要介紹了JS數(shù)組Object.keys()方法的使用,結(jié)合實例形式分析了javascript使用Object.keys()方法進行數(shù)組遍歷、讀取相關(guān)操作技巧,需要的朋友可以參考下
    2019-06-06
  • 純js三維數(shù)組實現(xiàn)三級聯(lián)動效果

    純js三維數(shù)組實現(xiàn)三級聯(lián)動效果

    這篇文章主要為大家詳細(xì)介紹了純js三維數(shù)組實現(xiàn)三級聯(lián)動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 簡單了解JavaScript中常見的反模式

    簡單了解JavaScript中常見的反模式

    這篇文章主要介紹了簡單了解JavaScript中常見的反模式,反模式 是指對反復(fù)出現(xiàn)的設(shè)計問題的常見的無力而低效的設(shè)計模式,俗話說就是重蹈覆轍。 這篇文章描述了 JavaScript 中常見的一些反模式,以及避免它們的辦法。,需要的朋友可以參考下
    2019-06-06
  • TypeScript中l(wèi)et和var的區(qū)別介紹

    TypeScript中l(wèi)et和var的區(qū)別介紹

    這篇文章主要介紹了TypeScript?let與var的區(qū)別,主要從作用域等這幾個方面做詳細(xì)介紹,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-07-07
  • js實現(xiàn)延遲加載的方法

    js實現(xiàn)延遲加載的方法

    這篇文章主要介紹了js實現(xiàn)延遲加載的方法,涉及javascript中setTimeout與setInterval方法的使用技巧,需要的朋友可以參考下
    2015-06-06
  • 純JavaScript實現(xiàn)的分頁插件實例

    純JavaScript實現(xiàn)的分頁插件實例

    這篇文章主要介紹了純JavaScript實現(xiàn)的分頁插件,涉及javascript結(jié)合php動態(tài)實現(xiàn)分頁效果的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-07-07

最新評論