解决layui table表单提示数据接口请求异常的问题

 更新时间:2019年09月24日 09:42:43   作者:Heerey525  
今天小编就为大家分享一篇解决layui table表单提示数据接口请求异常的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

问题一:直接拿别人的文件放在本地打开

如下图

原因:这是提示“交叉源请求仅支持协议方案:HTTP、数据、Chrome、Chrome扩展、HTTPS。”

也就是你不能用本地文件打开,本地打开是file:///C:/Users/Administrator/Desktop/git/layui_table1.html

可以在本地服务器上展示没有问题

http://localhost/git/layui_table1.html

问题二:返回数据格式不符合要求(经常是这样的)

输出格式为

{
  "code":0,
  "msg":"",
  "count":1000,
  "data":[
    {
      "id":1,
      "username":"user-0",
      "sex":"女",
      "city":"城市-0",
      "sign":"签名-0",
      "experience":255,
      "logins":24,
      "wealth":82830700,
      "classify":"作家",
      "score":57
    },
    {
      "id":2,
      "username":"user-0",
      "sex":"女",
      "city":"城市-0",
      "sign":"签名-0",
      "experience":255,
      "logins":24,
      "wealth":82830700,
      "classify":"作家",
      "score":57
    }

]

}

msg的值一定要写"",不然会一直报错,自己设定的code值一定要写0,其他的值都是错误的。

目前的也是修改返回数据的格式

相关内容可前往官方文档 https://www.layui.com/doc/modules/table.html#async

问题三:控制台报错404(一般不会)

接口有问题,查看接口是否正确有数据,反馈给后台同学

问题四:数据接口请求异常:parsererror

一般是因为返回的不是标准的 JSON,或者返回的数据前后有空格等其它字符

以上这篇解决layui table表单提示数据接口请求异常的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 九种原生js动画效果

    九种原生js动画效果

    这篇文章主要介绍了九种原生js动画效果,个个都非常精彩,都值得大家学习,需要的朋友可以参考下
    2015-11-11
  • JavaScript cookie的设置获取删除详解

    JavaScript cookie的设置获取删除详解

    这篇文章主要介绍了JavaScript cookie的设置获取删除等等,,需要的朋友可以参考下
    2014-02-02
  • Bootstrap和Java分页实例第二篇

    Bootstrap和Java分页实例第二篇

    这篇文章主要为大家详细介绍了Bootstrap和Java分页实例第二篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js利用iframe实现选项卡效果

    js利用iframe实现选项卡效果

    这篇文章主要为大家详细介绍了js利用iframe实现选项卡效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • AjaxUpLoad.js实现文件上传

    AjaxUpLoad.js实现文件上传

    这篇文章主要为大家详细介绍了AjaxUpLoad.js实现文件上传的具体代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • 如何在wxml中直接写js代码(wxs)

    如何在wxml中直接写js代码(wxs)

    这篇文章主要介绍了如何在wxml中直接写js代码(wxs),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-11-11
  • 浅谈JS使用[ ]来访问对象属性

    浅谈JS使用[ ]来访问对象属性

    下面小编就为大家带来一篇浅谈JS使用[ ]来访问对象属性。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • javascript面向对象之共享成员属性与方法及prototype关键字用法

    javascript面向对象之共享成员属性与方法及prototype关键字用法

    这篇文章主要介绍了javascript面向对象之共享成员属性与方法及prototype关键字用法,实例分析了prototype关键字在共享成员属性与方法中的原理与使用技巧,需要的朋友可以参考下
    2015-01-01
  • JavaScript eval()函数定义及使用方法详解

    JavaScript eval()函数定义及使用方法详解

    这篇文章主要介绍了JavaScript eval()函数定义及使用方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 值得分享和收藏的xmlplus组件学习教程

    值得分享和收藏的xmlplus组件学习教程

    值得分享和收藏的xmlplus组件学习教程,xmlplus是一个设计非常独特 JavaScript 框架,用于快速开发前后端项目,感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论