Bootstrap Table表格一直加载(load)不了数据的快速解决方法


Posted in Javascript onSeptember 17, 2016

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)不了数据的快速解决方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery1.8 判断元素是否绑定事件的方法
Jul 10 Javascript
js实现数组转换成json
Jun 26 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
JavaScript类型系统之基本数据类型与包装类型
Jan 06 Javascript
jQuery简单实现仿京东分类导航层效果
Jun 07 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
简单的网页广告特效实例
Aug 19 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
Oct 27 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
Sep 17 #Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 #Javascript
利用js编写响应式侧边栏
Sep 17 #Javascript
各式各样的导航条效果css3结合jquery代码实现
Sep 17 #Javascript
JavaScript编写一个简易购物车功能
Sep 17 #Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
Sep 17 #Javascript
Bootstrap响应式侧边栏改进版
Sep 17 #Javascript
You might like
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
php和nginx交互实例讲解
2019/09/24 PHP
简单的js分页脚本
2009/05/21 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
JS实现self的resend
2010/07/22 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
js计算文本框输入的字符数
2015/10/23 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
获取阴历(农历)和当前日期的js代码
2016/02/15 Javascript
AngularJS之依赖注入模拟实现
2016/08/19 Javascript
微信小程序 教程之数据绑定
2016/10/18 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
浅谈ECMAScript 中的Array类型
2019/06/10 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
Vue项目打包压缩的实现(让页面更快响应)
2020/03/10 Javascript
JS+canvas五子棋人机对战实现步骤详解
2020/06/04 Javascript
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
python按键按住不放持续响应的实例代码
2019/07/17 Python
在keras里实现自定义上采样层
2020/06/28 Python
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
2014/12/30 HTML / CSS
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
SOA面试题:如何在SOA中实现松耦合
2013/07/21 面试题
水果超市创业计划书
2014/01/27 职场文书
记帐员岗位责任制
2014/02/08 职场文书
《木笛》教学反思
2014/03/01 职场文书
2016年高校自主招生自荐信范文
2015/03/24 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
关于Numpy之repeat、tile的用法总结
2021/06/02 Python