Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016-09-17 00:00
856 查看
bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器,官网:http://bootstrap-table.wenzhixin.net.cn/zh-cn/
这里列出遇到的一个小问题:Bootstrap Table表格一直加载不了数据。
我使用访问远程地址返回的json数据作为数据,完全没问题啊,但是就是出错了。
解决方法:
将放回的json数据转换为object对象。
如果你设置返回的响应信息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的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
BootStrap table表格插件自适应固定表头(超好用)
BootStrap Table 分页后重新搜索问题的解决办法
Bootstrap Table使用方法详解
值得分享的轻量级Bootstrap Table表格插件
Bootstrap table分页问题汇总
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
这里列出遇到的一个小问题: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)不了数据的快速解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
JS表格组件BootstrapTable行内编辑解决方案x-editable基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
BootStrap table表格插件自适应固定表头(超好用)
BootStrap Table 分页后重新搜索问题的解决办法
Bootstrap Table使用方法详解
值得分享的轻量级Bootstrap Table表格插件
Bootstrap table分页问题汇总
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
相关文章推荐
- Bootstrap Table表格一直加载(load)不了数据的快速解决方法
- Bootstrap Table表格一直加载(load)不了数据-解决办法
- bootstrap模态框(modal)使用remote方法加载数据,只能加载一次的解决办法
- bootstrap模态框(modal)使用remote方法加载数据,只能加载一次的解决办法
- 【转】bootstrap模态框(modal)使用remote方法加载数据,只能加载一次的解决办法
- bootstrap-table 表格中增加下拉菜单末行出现滚动条解决方法
- 基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
- Bootstrap table表格初始化表格数据的方法
- bootstrap-table表头固定,表内容不对齐的另类解决方法
- 解决BootstrapTable设置height属性后,表格不对齐的问题
- fragment每次切换的时候都要重新加载数据,解决方法
- bootstrap-table插件数据加载方式
- 使用navicat导入excel表格数据到postgresql报错解决方法
- 解决bootstrap-select 动态加载数据不显示的问题
- 解决Layui数据表格中checkbox位置不居中的方法
- layui框架table 数据表格的方法级渲染详解
- LayUi中接口传数据成功,表格不显示数据的解决方法
- bootstrapTable+ajax加载数据 refresh更新数据
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- 在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法