解决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 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
JavaScript 核心参考教程 内置对象
Oct 13 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
May 30 Javascript
基于jquery扩展漂亮的CheckBox(自己编写)
Nov 19 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
基于node.js的fs核心模块读写文件操作(实例讲解)
Sep 10 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
May 16 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
详解 微信小程序开发框架(MINA)
May 17 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过滤所有的空白字符(空格、全角空格、换行等)
2015/10/27 PHP
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
JavaScript初学者应注意的七个细节小结
2012/01/30 Javascript
jquery阻止冒泡事件使用模拟事件
2013/09/06 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
nodejs实现获取当前url地址及url各种参数值
2015/06/25 NodeJs
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
实现高性能JavaScript之执行与加载
2016/01/30 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
在vue中使用公共过滤器filter的方法
2018/06/26 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
2019/12/12 Javascript
在 Vue 中使用 JSX 及使用它的原因浅析
2020/02/10 Javascript
javascript实现计算器功能
2020/03/30 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
python远程登录代码
2008/04/29 Python
把MySQL表结构映射为Python中的对象的教程
2015/04/07 Python
通过源码分析Python中的切片赋值
2017/05/08 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
简单了解python代码优化小技巧
2019/07/08 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
python生成器用法实例详解
2019/11/22 Python
pycharm实现在虚拟环境中引入别人的项目
2020/03/09 Python
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
什么是会话Bean
2015/05/14 面试题
结婚喜宴家长答谢词
2014/01/15 职场文书
高中家长寄语
2014/04/02 职场文书
2015年电厂工作总结范文
2015/05/13 职场文书