解决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在一段文字中的光标处插入其他文字
Aug 26 Javascript
CSS+Jquery实现页面圆角框方法大全
Dec 24 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
Jun 23 Javascript
jQuery获得子元素个数的方法
Apr 14 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
小程序自定义日历效果
Dec 29 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
vue封装可复用组件confirm,并绑定在vue原型上的示例
Oct 31 Javascript
小程序双头slider选择器的实现示例
Mar 31 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 时间转换Unix时间戳代码
2010/01/22 PHP
php使用递归函数实现数字累加的方法
2015/03/16 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
利用php_imagick实现复古效果的方法
2016/10/18 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
js arguments对象应用介绍
2012/11/28 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
javascript中的取反再取反~~没有意义
2014/04/06 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
2016/04/11 Javascript
基于RequireJS和JQuery的模块化编程日常问题解析
2016/04/14 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
微信扫码支付零云插件版实例详解
2017/04/26 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
判断iOS、Android以及PC端的示例代码
2018/11/15 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
shell命令行,一键创建 python 模板文件脚本方法
2018/03/20 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
Python开发虚拟环境使用virtualenvwrapper的搭建步骤教程图解
2018/09/19 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python3的socket使用方法详解
2020/02/18 Python
python目标检测给图画框,bbox画到图上并保存案例
2020/03/10 Python
Python3开发实例之非关系型图数据库Neo4j安装方法及Python3连接操作Neo4j方法实例
2020/03/18 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
美国药妆网站:EDCskincare.com(防晒、痤疮、抗衰老等)
2017/04/28 全球购物
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
暑期研修感言
2014/02/17 职场文书
企业百日安全活动总结
2015/05/07 职场文书
大一新生军训新闻稿
2015/07/17 职场文书