解决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 JSON操作入门实例
Apr 16 Javascript
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
js单例模式的两种方案
Oct 22 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
jQuery插件WebUploader实现文件上传
Nov 07 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
基于Bootstrap框架实现图片切换
Mar 10 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
vue移动端下拉刷新和上拉加载的实现代码
Sep 08 Javascript
JavaScript 严格模式(use strict)用法实例分析
Mar 04 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
phpfans留言版用到的install.php
2007/01/04 PHP
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
php获取文章内容第一张图片的方法示例
2017/07/03 PHP
javascript里模拟sleep(两种实现方式)
2013/01/25 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
2016/07/22 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
2017/04/11 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
koa大型web项目中使用路由装饰器的方法示例
2019/04/02 Javascript
JavaScript对象属性操作实例解析
2020/02/04 Javascript
vue+element-ui表格封装tag标签使用插槽
2020/06/18 Javascript
python基于mysql实现的简单队列以及跨进程锁实例详解
2014/07/07 Python
Python安装第三方库及常见问题处理方法汇总
2016/09/13 Python
解读! Python在人工智能中的作用
2017/11/14 Python
在python中实现对list求和及求积
2018/11/14 Python
python3.5 cv2 获取视频特定帧生成jpg图片
2019/08/28 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
python字符串格式化方式解析
2019/10/19 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
税务专业毕业生自荐信
2013/11/10 职场文书
员工薪酬激励方案
2014/06/13 职场文书
信仰心得体会
2014/09/05 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
贷款工资证明范本
2015/06/12 职场文书
单位提档介绍信
2015/10/22 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript
详解python字符串驻留技术
2021/05/21 Python
用Python进行栅格数据的分区统计和批量提取
2021/05/27 Python
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript