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)站的支持!
- 在Bootstrap開(kāi)發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
- Bootstrap table表格初始化表格數(shù)據(jù)的方法
- BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實(shí)現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入Excel數(shù)據(jù)操作步驟
- Angualrjs和bootstrap相結(jié)合實(shí)現(xiàn)數(shù)據(jù)表格table
- bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實(shí)現(xiàn)代碼
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
- bootstrap-table獲取表格數(shù)據(jù)的多種方式
相關(guā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三維數(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)的反模式,反模式 是指對(duì)反復(fù)出現(xiàn)的設(shè)計(jì)問(wèn)題的常見(jiàn)的無(wú)力而低效的設(shè)計(jì)模式,俗話說(shuō)就是重蹈覆轍。 這篇文章描述了 JavaScript 中常見(jiàn)的一些反模式,以及避免它們的辦法。,需要的朋友可以參考下2019-06-06TypeScript中l(wèi)et和var的區(qū)別介紹
這篇文章主要介紹了TypeScript?let與var的區(qū)別,主要從作用域等這幾個(gè)方面做詳細(xì)介紹,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-07-07純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