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
以上所述是小編給大家介紹的Bootstrap Table表格一直加載(load)不了數據的快速解決方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的,在此也非常感謝大家對腳本之家網站的支持!
相關文章
如何使用big.js解決JavaScript浮點數精度丟失問題
最近在項目中涉及到金額從元轉為分(乘100即可),發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關于浮點數計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數精度丟失問題,感興趣的朋友一起看看吧2023-12-12
TypeScript中l(wèi)et和var的區(qū)別介紹
這篇文章主要介紹了TypeScript?let與var的區(qū)別,主要從作用域等這幾個方面做詳細介紹,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-07-07

