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


Posted in Javascript onSeptember 24, 2019

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

如下图

解决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,其他的值都是错误的。

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

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
Jquery ajax传递复杂参数给WebService的实现代码
Aug 08 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
Mar 14 Javascript
jQuery的事件委托实例分析
Jul 15 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
Jan 26 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
May 18 Javascript
微信小程序利用co处理异步流程的方法教程
May 20 Javascript
webpack3之loader全解析
Oct 26 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
JS实现骰子3D旋转效果
Oct 24 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
nuxt+axios实现打包后动态修改请求地址的方法
Apr 22 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
Sep 21 Javascript
关于layui时间回显问题的解决方法
Sep 24 #Javascript
Vue之Mixins(混入)的使用方法
Sep 24 #Javascript
JavaScript Array对象使用方法解析
Sep 24 #Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 #Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 #Javascript
基于layui的下拉列表的数据回显方法
Sep 24 #Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 #Javascript
You might like
用php实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
PHP实现的购物车类实例
2015/06/17 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
php的debug相关函数用法示例
2016/07/11 PHP
PHP缩略图生成和图片水印制作
2017/01/07 PHP
PHP实现的策略模式示例
2019/03/20 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
JavaScript判断两种格式的输入日期的正确性的代码
2007/03/25 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
2015/03/05 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
mac下的nodejs环境安装的步骤
2017/05/24 NodeJs
NodeJs form-data格式传输文件的方法
2017/12/13 NodeJs
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
新手入门js闭包学习过程解析
2019/10/08 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
pycharm 使用心得(三)Hello world!
2014/06/05 Python
python 获取网页编码方式实现代码
2017/03/11 Python
详解python调度框架APScheduler使用
2017/03/28 Python
Python格式化输出%s和%d
2018/05/07 Python
python实现猜数字小游戏
2020/03/24 Python
Python任务调度利器之APScheduler详解
2020/04/02 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
美国台面电器和厨具品牌:KitchenAid
2019/04/12 全球购物
巴西本土电商平台:Americanas
2020/06/21 全球购物
生物化工专业个人自荐信
2013/09/26 职场文书
挂职思想汇报
2013/12/31 职场文书
开会迟到检讨书
2014/01/08 职场文书
优秀士兵个人事迹材料
2014/01/19 职场文书
新郎婚宴答谢词
2014/01/19 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
企业安全生产标语
2014/06/06 职场文书
工程技术负责人岗位职责
2015/04/13 职场文书
SQL写法--行行比较
2021/08/23 SQL Server