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 相关文章推荐
HTML页面如何象ASP一样接受参数
Feb 07 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
Jul 31 Javascript
纯文字版返回顶端的js代码
Aug 01 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
jQuery Validate让普通按钮触发表单验证的方法
Dec 15 Javascript
利用nginx + node在阿里云部署https的步骤详解
Dec 19 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
如何在JavaScript中谨慎使用代码注释
Jun 21 Javascript
vue-父子组件和ref实例详解
Nov 10 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
Nov 05 Javascript
JavaScript十大取整方法实例教程
Dec 03 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数组循环操作详细介绍 附实例代码
2013/02/03 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
轻松掌握php设计模式之访问者模式
2016/09/23 PHP
PHP数据分析引擎计算余弦相似度算法示例
2017/08/08 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
javascript中interval与setTimeOut的区别示例介绍
2014/03/14 Javascript
js如何判断用户是在PC端和还是移动端访问
2014/04/24 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
js实现继承的5种方式
2015/12/01 Javascript
HTML页面,测试JS对C函数的调用简单实例
2016/08/09 Javascript
深入浅析jQuery对象$.html
2016/08/22 Javascript
概述BootStrap中role="form"及role作用角色
2016/12/08 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
Angular Excel 导入与导出的实现代码
2019/04/17 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
[56:13]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第一场 1月10日
2021/03/11 DOTA
python使用cPickle模块序列化实例
2014/09/25 Python
详解django2中关于时间处理策略
2019/03/06 Python
如何运行带参数的python脚本
2019/11/15 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
如何利用Python 进行边缘检测
2020/10/14 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
英国和世界各地预订便宜的酒店:LateRooms.com
2019/05/05 全球购物
中层竞聘演讲稿
2014/01/09 职场文书
感恩节活动策划方案
2014/05/16 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
openGauss数据库JDBC环境连接配置的详细过程(Eclipse)
2022/06/01 Java/Android
MySQL池化框架学习接池自定义
2022/07/23 MySQL