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

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

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

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

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

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

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

  解決方法:

  將放回的json數(shù)據(jù)轉(zhuǎn)換為object對(duì)象。

$("#button").click(function(){
    var name=$("input[name='name']").val();
    $.ajax({
        type: "POST",
        url:"../Query/FindMoonByName?name="+name,
         success: function(msg){
           //這里的msg是json對(duì)象,不是json字符串。
           $('#table').bootstrapTable('load',msg); 
         } 
     }); 
  });

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

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

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

  測(cè)試:

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

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

相關(guān)文章

  • 詳談javascript中DOM的基本屬性

    詳談javascript中DOM的基本屬性

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

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

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

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

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

    JS通過(guò)相同的name進(jìn)行表格求和代碼

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

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

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

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

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

    簡(jiǎn)單了解JavaScript中常見(jiàn)的反模式

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

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

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

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

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

    純JavaScript實(shí)現(xiàn)的分頁(yè)插件實(shí)例

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

最新評(píng)論