脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → bootstrap table load

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

 更新时间：2016年09月17日 15:47:10   作者：欲戴王冠.必承其重  
bootstrap-table是一个基于Bootstrap风格的强大的表格插件神器。接下来通过本文给大家介绍Bootstrap Table表格一直加载(load)不了数据的快速解决方法，感兴趣的朋友一起看看吧

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设计模式之单件模式介绍

    这篇文章主要介绍了JavaScript设计模式之单件模式介绍,单件模式,就是静态化的访问中已经实例化的对象,这个对象只能通过一个唯一的入口访问,已经实例或待实例化的对象,需要的朋友可以参考下
    2014-12-12
  • 详细分析JavaScript变量类型

    详细分析JavaScript变量类型

    本文给大家详细分析了javascript中的6种变量类型，通过示例做了详细的解释，十分的实用，对于大家熟练掌握变量类型非常有帮助，有需要的小伙伴可以参考下。
    2015-07-07
  • uniapp在开发app时上传文件时的问题记录

    uniapp在开发app时上传文件时的问题记录

    在开发uniapp应用时,可能会遇到文件上传功能在iOS和部分Android手机上不兼容的问题,经过对比分析,发现问题可能出在文件的路径上,通过使用uni.saveFile方法保存文件后,再上传可以解决问题,这篇文章详细介绍了解决方案,并引导读者参考更多相关内容
    2024-09-09
  • JavaScript中的6种变体函数的区别和应用

    JavaScript中的6种变体函数的区别和应用

    JavaScript 中函数调用有许多独特的变体方式,例如 ~function、-function 等,这些变体不仅展现了 JavaScript 语言的灵活性,也可以在某些场景下让代码更加简洁,本文将通过示例代码和解析,来全面剖析这些特殊的函数调用方式及其返回值的区别
    2025-01-01
  • Js过滤空格的实现代码

    Js过滤空格的实现代码

    Js空格过滤代码，这个实用性很强，可以省去用动态语言过滤字符的麻烦，减轻服务器压力，而且JS执行速度较快
    2013-03-03
  • 微信小程序调用wx.getImageInfo遇到的坑解决

    微信小程序调用wx.getImageInfo遇到的坑解决

    这篇文章主要介绍了微信小程序调用wx.getImageInfo遇到的坑解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • 使用JavaScript判断一个元素是否在可视范围内的几种方法

    使用JavaScript判断一个元素是否在可视范围内的几种方法

    在Web开发中,有时我们需要知道一个元素是否在用户的可视范围内,以便执行相应的操作,比如延迟加载图片、实现懒加载、或是触发动画效果, 本文将详细介绍使用 JavaScript 如何判断一个元素是否在可视范围内的几种方法,需要的朋友可以参考下
    2024-02-02
  • 基于BootStrap multiselect.js实现的下拉框联动效果

    基于BootStrap multiselect.js实现的下拉框联动效果

    当option特别多时，一般的下拉框选择起来就有点力不从心了，所以使用multiselect是个很好的选择。在网上找了半天找到了解决方案，具体实现代码大家参考下本文吧
    2017-07-07
  • 深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点

    深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点

    才华横溢的Stoyan Stefanov，在他写的由O’Reilly初版的新书《JavaScript Patterns》(JavaScript模式)中，我想要是为我们的读者贡献其摘要，那会是件很美妙的事情
    2012-01-01
  • JavaScript重复元素处理方法分析【统计个数、计算、去重复等】

    JavaScript重复元素处理方法分析【统计个数、计算、去重复等】

    这篇文章主要介绍了JavaScript重复元素处理方法,结合实例形式分析了javascript针对字符串、数组中重复元素的个数统计,计算及去重复等相关操作技巧,需要的朋友可以参考下
    2017-12-12

最新评论