解决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 相关文章推荐
js 小数取整的函数
May 10 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 Javascript
php利用curl获取远程图片实现方法
Oct 26 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
node.js中module.exports与exports用法上的区别
Sep 02 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
Dec 21 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
Jan 25 Javascript
解决vue 路由变化页面数据不刷新的问题
Mar 13 Javascript
Vue Render函数创建DOM节点代码实例
Jul 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
php 格式化数字的时候注意数字的范围
2010/04/13 PHP
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
php封装好的人民币数值转中文大写类
2015/12/20 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
PHP序列化操作方法分析
2016/09/28 PHP
javascript读取RSS数据
2007/01/20 Javascript
Jquery AJAX 框架的使用方法
2009/11/03 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
两种方法解决javascript url post 特殊字符转义 + & #
2016/04/13 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
js阻止默认右键的下拉菜单方法
2018/01/02 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
微信小程序结合mock.js实现后台模拟及调试
2019/03/28 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
Javascript文本框脚本实现方法解析
2020/10/30 Javascript
[49:20]2014 DOTA2国际邀请赛中国区预选赛5.21 CIS VS TongFu
2014/05/22 DOTA
[03:09]2014DOTA2国际邀请赛 Mushi前队友送上祝福
2014/07/12 DOTA
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
详解爬虫被封的问题
2019/04/23 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
如何删除一个表里面的重复行
2013/07/13 面试题
大学生职业生涯规划书范文
2014/01/14 职场文书
保卫钓鱼岛口号
2014/06/20 职场文书
2014年关工委工作总结
2014/11/17 职场文书
小学大队委竞选口号
2015/12/25 职场文书
MySQL聚簇索引和非聚簇索引的区别详情
2022/06/14 MySQL