解决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 相关文章推荐
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
May 03 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
Apr 08 Javascript
原生js 实现表单验证功能
Feb 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
php中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
常用简易JavaScript函数
2009/04/09 Javascript
JavaScript中的Primitive对象封装介绍
2014/12/31 Javascript
使用jQuery获取data-的自定义属性
2015/11/10 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
JavaScript自定义分页样式
2017/01/17 Javascript
jQuery Plupload上传插件的使用
2017/04/19 jQuery
vuejs如何配置less
2017/04/25 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
原生js封装添加class,删除class的实例
2017/11/06 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
2017/12/27 jQuery
bootstrap-table+treegrid实现树形表格
2019/07/26 Javascript
JS实现手风琴特效
2020/11/08 Javascript
Python cookbook(数据结构与算法)将序列分解为单独变量的方法
2018/02/13 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
使用css3实现超炫的loading加载动画效果
2014/05/07 HTML / CSS
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
主持人演讲稿范文
2013/12/28 职场文书
社区工作感言
2014/02/21 职场文书
请假条怎么写
2014/04/10 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2015年财务工作总结范文
2015/03/31 职场文书
面试通知短信
2015/04/20 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
春节慰问简报
2015/07/21 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
实战Python爬虫爬取酷我音乐
2022/04/11 Python