解决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中this详解
Sep 01 Javascript
原生JavaScript编写canvas版的连连看游戏
May 29 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
酷! 不同风格页面布局幻灯片特效js实现
Feb 19 Javascript
jQuery easyui刷新当前tabs的方法
Sep 23 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
vue elementUI表格控制对应列
Apr 13 Vue.js
关于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
2021年最新CPU天梯图
2021/03/04 数码科技
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
php根据日期或时间戳获取星座信息和生肖等信息
2015/10/20 PHP
php实现的顺序线性表示例
2019/05/04 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
javascript Object与Function使用
2010/01/11 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
JavaScript高级程序设计(第3版)学习笔记11 内建js对象
2012/10/11 Javascript
javascript用户注册提示效果的简单实例
2013/08/17 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
2015/03/12 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
详解jQuery事件
2017/01/13 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
2019/09/10 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
微信小程序实现音频文件播放进度的实例代码
2020/03/02 Javascript
[01:09]2014DOTA2国际邀请赛 TI4西雅图DOTA2 中国美女coser加油助威
2014/07/20 DOTA
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
python定时关机小脚本
2018/06/20 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
python中matplotlib实现随鼠标滑动自动标注代码
2020/04/23 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
Sneaker Studio乌克兰:购买运动鞋
2018/03/26 全球购物
TobyDeals美国:在电子产品上获得最好的优惠和折扣
2019/08/11 全球购物
英国设计师珠宝网站:Joshua James Jewellery
2020/03/01 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
酒店管理自荐信
2013/10/23 职场文书
政法大学毕业生自荐信范文
2014/01/01 职场文书
社区工作者感言
2014/03/02 职场文书
介绍长城的导游词
2015/01/30 职场文书
2019大学生实习报告
2019/06/21 职场文书