快捷導(dǎo)航

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設(shè)計(jì)模式之單件模式介紹
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問(wèn)中已經(jīng)實(shí)例化的對(duì)象,這個(gè)對(duì)象只能通過(guò)一個(gè)唯一的入口訪問(wèn),已經(jīng)實(shí)例或待實(shí)例化的對(duì)象,需要的朋友可以參考下
2014-12-12
詳細(xì)分析JavaScript變量類型
本文給大家詳細(xì)分析了javascript中的6種變量類型，通過(guò)示例做了詳細(xì)的解釋，十分的實(shí)用，對(duì)于大家熟練掌握變量類型非常有幫助，有需要的小伙伴可以參考下。
2015-07-07
uniapp在開發(fā)app時(shí)上傳文件時(shí)的問(wèn)題記錄
在開發(fā)uniapp應(yīng)用時(shí),可能會(huì)遇到文件上傳功能在iOS和部分Android手機(jī)上不兼容的問(wèn)題,經(jīng)過(guò)對(duì)比分析,發(fā)現(xiàn)問(wèn)題可能出在文件的路徑上,通過(guò)使用uni.saveFile方法保存文件后,再上傳可以解決問(wèn)題,這篇文章詳細(xì)介紹了解決方案,并引導(dǎo)讀者參考更多相關(guān)內(nèi)容
2024-09-09
JavaScript中的6種變體函數(shù)的區(qū)別和應(yīng)用
JavaScript?中函數(shù)調(diào)用有許多獨(dú)特的變體方式,例如?~function、-function?等,這些變體不僅展現(xiàn)了?JavaScript?語(yǔ)言的靈活性,也可以在某些場(chǎng)景下讓代碼更加簡(jiǎn)潔,本文將通過(guò)示例代碼和解析,來(lái)全面剖析這些特殊的函數(shù)調(diào)用方式及其返回值的區(qū)別
2025-01-01
Js過(guò)濾空格的實(shí)現(xiàn)代碼
Js空格過(guò)濾代碼，這個(gè)實(shí)用性很強(qiáng)，可以省去用動(dòng)態(tài)語(yǔ)言過(guò)濾字符的麻煩，減輕服務(wù)器壓力，而且JS執(zhí)行速度較快
2013-03-03
微信小程序調(diào)用wx.getImageInfo遇到的坑解決
這篇文章主要介紹了微信小程序調(diào)用wx.getImageInfo遇到的坑解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
使用JavaScript判斷一個(gè)元素是否在可視范圍內(nèi)的幾種方法
在Web開發(fā)中,有時(shí)我們需要知道一個(gè)元素是否在用戶的可視范圍內(nèi),以便執(zhí)行相應(yīng)的操作,比如延遲加載圖片、實(shí)現(xiàn)懶加載、或是觸發(fā)動(dòng)畫效果, 本文將詳細(xì)介紹使用 JavaScript 如何判斷一個(gè)元素是否在可視范圍內(nèi)的幾種方法,需要的朋友可以參考下
2024-02-02
基于BootStrap multiselect.js實(shí)現(xiàn)的下拉框聯(lián)動(dòng)效果
當(dāng)option特別多時(shí)，一般的下拉框選擇起來(lái)就有點(diǎn)力不從心了，所以使用multiselect是個(gè)很好的選擇。在網(wǎng)上找了半天找到了解決方案，具體實(shí)現(xiàn)代碼大家參考下本文吧
2017-07-07
深入理解JavaScript系列(1) 編寫高質(zhì)量JavaScript代碼的基本要點(diǎn)
才華橫溢的Stoyan Stefanov，在他寫的由O’Reilly初版的新書《JavaScript Patterns》(JavaScript模式)中，我想要是為我們的讀者貢獻(xiàn)其摘要，那會(huì)是件很美妙的事情
2012-01-01
JavaScript重復(fù)元素處理方法分析【統(tǒng)計(jì)個(gè)數(shù)、計(jì)算、去重復(fù)等】
這篇文章主要介紹了JavaScript重復(fù)元素處理方法,結(jié)合實(shí)例形式分析了javascript針對(duì)字符串、數(shù)組中重復(fù)元素的個(gè)數(shù)統(tǒng)計(jì),計(jì)算及去重復(fù)等相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12