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 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
经典海量jQuery插件 大家可以收藏一下
Feb 07 Javascript
使用JQuery实现智能表单验证功能
Mar 08 Javascript
html5+canvas实现支持触屏的签名插件教程
May 08 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
Vue.js递归组件构建树形菜单
Dec 24 Javascript
微信小程序签到功能
Oct 31 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
JavaScript实现简单进度条效果
Mar 25 Javascript
javascript执行上下文、变量对象实例分析
Apr 25 Javascript
Vue中使用import进行路由懒加载的原理分析
Apr 01 Vue.js
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
一个程序下载的管理程序(三)
2006/10/09 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
php获取小程序码的实现代码(B类接口)
2020/06/13 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
javascript使用location.search的示例
2013/11/05 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
2015/03/04 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
2017/04/25 Javascript
详解node中创建服务进程
2017/05/09 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
js使用highlight.js高亮你的代码
2017/08/18 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
2017/11/21 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
2018/05/16 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
python正则表达式去掉数字中的逗号(python正则匹配逗号)
2013/12/25 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
python redis 删除key脚本的实例
2019/02/19 Python
Python3实现的反转单链表算法示例
2019/03/08 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
python中类与对象之间的关系详解
2020/12/16 Python
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
2014年小学教导处工作总结
2014/12/19 职场文书
2015年幼儿园后勤工作总结
2015/04/25 职场文书
小型婚礼主持词
2015/06/30 职场文书
2016年优秀共青团员事迹材料
2016/02/25 职场文书
Keras多线程机制与flask多线程冲突的解决方案
2021/05/28 Python
基于redis+lua进行限流的方法
2022/07/23 Redis