手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
摘要:bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器,官网:http://bootstrap-table.we...

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); });

我使用访问远程地址返回的json数据作为数据,完全没问题啊,但是就是出错了。

解决方法:

将放回的json数据转换为object对象。

$("#button").click(function(){ var name=$("input[name='name']").val(); $.ajax({ type: "POST", url:"../Query/FindMoonByName"+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)不了数据的快速解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对查字典教程网的支持!

【Bootstrap Table表格一直加载(load)不了数据的快速解决方法】相关文章:

png在IE6 下无法透明的解决方法汇总

javascript实现Table排序的方法

三种AngularJS中获取数据源的方式

js+HTML5实现canvas多种颜色渐变效果的方法

JS动态增删表格行的方法

Javascript动态创建表格及删除行列的方法

javascript清空table表格的方法

微信jssdk在iframe页面失效问题的解决措施

javascript动态创建表格及添加数据实例详解

JavaScript获取两个数组交集的方法

精品推荐
分类导航