解决layui table表单提示数据接口请求异常的问题

 更新时间:2019年09月24日 09:42:43   作者:Heerey525  
今天小编就为大家分享一篇解决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,其他的值都是错误的。

目前的也是修改返回数据的格式

相关内容可前往官方文档 https://www.layui.com/doc/modules/table.html#async

问题三:控制台报错404(一般不会)

接口有问题,查看接口是否正确有数据,反馈给后台同学

问题四:数据接口请求异常:parsererror

一般是因为返回的不是标准的 JSON,或者返回的数据前后有空格等其它字符

以上这篇解决layui table表单提示数据接口请求异常的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js 判断浏览器使用的语言示例代码

    js 判断浏览器使用的语言示例代码

    这篇文章主要介绍了使用js 判断浏览器使用的语言,需要的朋友可以参考下
    2014-03-03
  • JS中type=

    JS中type="button"和type="submit"的区别

    Submit是专门用于提交表单的Button,与Button的区别主要有两点:type=button 就单纯是按钮功能,type=submit 是发送表单 。下面通过本文给大家分享JS中type="button"和type="submit"的区别,感兴趣的的朋友一起看看吧
    2017-07-07
  • js获取url参数值的几种方式详解

    js获取url参数值的几种方式详解

    这篇文章为大家主要介绍了js获取url参数值的几种方式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪<BR>
    2023-07-07
  • js正则表达式注册页面表单验证

    js正则表达式注册页面表单验证

    这篇文章主要为大家详细介绍了js正则表达式注册页面表单验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 基于JavaScript实现下拉列表左右移动代码

    基于JavaScript实现下拉列表左右移动代码

    这篇文章主要介绍了基于JavaScript实现下拉列表左右移动效果,代码简单易懂非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-02-02
  • tablesorter.js表格排序使用方法(支持中文排序)

    tablesorter.js表格排序使用方法(支持中文排序)

    这篇文章主要为大家详细介绍了tablesorter.js表格排序使用方法,支持中文排序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • ES6 迭代器 Iterator使用总结

    ES6 迭代器 Iterator使用总结

    ES6引入了Iterator(迭代器)接口,用于顺序访问可迭代对象,Iterator接口提供统一的访问接口,并通过for...of循环供消费,本文给大家介绍ES6 迭代器 Iterator使用总结,感兴趣的朋友跟随小编一起看看吧
    2025-02-02
  • canvas学习之API整理笔记(一)

    canvas学习之API整理笔记(一)

    本文主要介绍了canvas的相关知识。canvas本身很简单,就是去学习它的API,多看实例,多自己动手练习,多总结。本文介绍了很多小例,具有一定的参考价值,下面跟着小编一起来看下吧
    2016-12-12
  • 谈谈target=_new和_blank的不同之处

    谈谈target=_new和_blank的不同之处

    这篇文章主要介绍了target="_new"和"_blank"的区别实例详解,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • JSON.parse处理非标准Json数据出错的解决

    JSON.parse处理非标准Json数据出错的解决

    这篇文章主要介绍了JSON.parse处理非标准Json数据出错的解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09

最新评论