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)站的支持!
- 在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
- Bootstrap table表格初始化表格數(shù)據(jù)的方法
- BootStrap Fileinput插件和Bootstrap table表格插件相結(jié)合實現(xiàn)文件上傳、預(yù)覽、提交的導(dǎo)入Excel數(shù)據(jù)操作步驟
- Angualrjs和bootstrap相結(jié)合實現(xiàn)數(shù)據(jù)表格table
- bootstrap table 數(shù)據(jù)表格行內(nèi)修改的實現(xiàn)代碼
- bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實現(xiàn)方法
- bootstrap-table獲取表格數(shù)據(jù)的多種方式
相關(guān)文章
如何使用big.js解決JavaScript浮點數(shù)精度丟失問題
最近在項目中涉及到金額從元轉(zhuǎn)為分(乘100即可),發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關(guān)于浮點數(shù)計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數(shù)精度丟失問題,感興趣的朋友一起看看吧2023-12-12純js三維數(shù)組實現(xiàn)三級聯(lián)動效果
這篇文章主要為大家詳細(xì)介紹了純js三維數(shù)組實現(xiàn)三級聯(lián)動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02TypeScript中l(wèi)et和var的區(qū)別介紹
這篇文章主要介紹了TypeScript?let與var的區(qū)別,主要從作用域等這幾個方面做詳細(xì)介紹,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07