解决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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
js/jQuery对象互转(快速操作dom元素)
Feb 04 Javascript
原生javascript实现获取指定元素下所有后代元素的方法
Oct 28 Javascript
兼容主流浏览器的JS复制内容到剪贴板
Dec 12 Javascript
简介JavaScript中search()方法的使用
Jun 06 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
Vue隐藏显示、只读实例代码
Jul 18 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
js实现删除json中指定的元素
Sep 22 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
Oct 24 Javascript
适用于 Vue 的播放器组件Vue-Video-Player操作
Nov 16 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全角字符转换为半角函数
2014/02/07 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
php制作的简单验证码识别代码
2016/01/26 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
Javascript valueOf 使用方法
2008/12/28 Javascript
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
javascript hashtable 修正版 下载
2010/12/30 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
微信小程序的线程架构【推荐】
2019/05/14 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
Python Sleep休眠函数使用简单实例
2015/02/02 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python处理html转义字符的方法详解
2016/07/01 Python
Python+matplotlib+numpy绘制精美的条形统计图
2018/01/02 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
python机器学习之贝叶斯分类
2018/03/26 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
python多线程调用exit无法退出的解决方法
2019/02/18 Python
python简单验证码识别的实现方法
2019/05/10 Python
Apache部署Django项目图文详解
2019/07/30 Python
在 Jupyter 中重新导入特定的 Python 文件(场景分析)
2019/10/27 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
Python Django路径配置实现过程解析
2020/11/05 Python
python中if嵌套命令实例讲解
2021/02/25 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
建筑工程毕业生自我鉴定
2014/01/14 职场文书
幼儿教师师德师风自我剖析材料
2014/09/29 职场文书
个人向公司借款协议书
2014/10/09 职场文书
群众路线专项整治方案
2014/10/27 职场文书
董事长年会致辞
2015/07/29 职场文书
MYSQL主从数据库同步备份配置的方法
2021/05/26 MySQL