解决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 相关文章推荐
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
js封装可使用的构造函数继承用法分析
Jan 28 Javascript
文字垂直滚动之javascript代码
Jul 29 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
详解在vue-cli项目中安装node-sass
Jun 21 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
JavaScript动态加载重复绑定问题
Apr 01 Javascript
JavaScript中时间格式化新思路toLocaleString()
Nov 07 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代码
2007/03/08 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
搭建PhpStorm+PhpStudy开发环境的超详细教程
2020/09/17 PHP
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
jquery中的on方法使用介绍
2013/12/29 Javascript
禁止页面刷新让F5快捷键及右键都无效
2014/01/22 Javascript
js post提交调用方法
2014/02/12 Javascript
JavaScript中扩展Array contains方法实例
2020/08/23 Javascript
JS将滑动门改为选项卡(需鼠标点击)的实现方法
2015/09/27 Javascript
TypeOf这些知识点你了解吗
2016/02/21 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
[01:38:19]夜魇凡尔赛茶话会 第五期
2021/03/11 DOTA
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
理解Python中的With语句
2016/03/18 Python
Python装饰器语法糖
2019/01/02 Python
让你的Python代码实现类型提示功能
2019/11/19 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
keras 自定义loss层+接受输入实例
2020/06/28 Python
python中如何打包用户自定义模块
2020/09/23 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
Perfume’s Club中文官网:西班牙美妆在线零售品牌
2020/08/24 全球购物
Python是如何进行类型转换的
2013/06/09 面试题
大学本科毕业生的自我鉴定范文
2013/11/19 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
python生成随机数、随机字符、随机字符串
2021/04/06 Python
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
vue使用watch监听属性变化
2022/04/30 Vue.js