解决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控制iFrame(实例代码)
Nov 19 Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
May 25 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
May 25 Javascript
解决给dom元素绑定click等事件无效问题的方法
Feb 17 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
Jun 19 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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
织梦模板标记简介
2007/03/11 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
PHP学习之数组的定义和填充
2011/04/17 PHP
个人写的PHP验证码生成类分享
2014/08/21 PHP
php约瑟夫问题解决关于处死犯人的算法
2015/03/23 PHP
Linux系统递归生成目录中文件的md5的方法
2015/06/29 PHP
php自定义中文字符串截取函数substr_for_gb2312及substr_for_utf8示例
2016/05/28 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
javascript实现判断鼠标的状态
2015/07/10 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
js实现可折叠展开的手风琴菜单效果
2015/09/07 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
2015/09/26 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
2017/01/19 Javascript
基于vue.js无缝滚动效果
2018/01/25 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
微信小程序select下拉框实现效果
2019/05/15 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
python修改注册表终止360进程实例
2014/10/13 Python
对于Python的Django框架部署的一些建议
2015/04/09 Python
python开发中range()函数用法实例分析
2015/11/12 Python
Python聚类算法之DBSACN实例分析
2015/11/20 Python
python 将md5转为16字节的方法
2018/05/29 Python
python pickle存储、读取大数据量列表、字典数据的方法
2019/07/07 Python
python 画函数曲线示例
2019/12/04 Python
Python识别html主要文本框过程解析
2020/02/18 Python
Python Selenium截图功能实现代码
2020/04/26 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
Python faker生成器生成虚拟数据代码实例
2020/07/20 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
乐高西班牙官方商店:LEGO Shop ES
2019/12/01 全球购物
2014年党支部学习材料
2014/05/19 职场文书
大学生社会实践活动总结报告
2015/05/06 职场文书