热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

layui数据接口异常

今天在web开发时遇到一个问题,查了很多说是:①lay-ui数据表格格式问题②json格式问题首先看数据表格的js格式,其中url是你后

今天在web开发时遇到一个问题,查了很多说是:①lay-ui数据表格格式问题 ②json格式问题


首先看数据表格的js格式,其中url是你后台数据接口的路径(后台具体某一个方法的路径),有id的话,其值为table中id的值

//数据表格的js格式
function tRender(){layui.use('table', function(){var table = layui.table;//第一个实例table.render({elem: '#main_table',height: 600,url: '/Building/building/all' //数据接口,page: true //开启分页
// ,data: data,cols: [[ //表头{type:'checkbox', fixed: 'left'},{field: 'building_id', title: '楼层标识ID', width:200, sort: true, fixed: 'left'},{field: 'building_name', title: '楼层名称', width:200},{field: 'description', title: '楼层大小', width:200, sort: true},{field: 'building_position', title: '楼层位置', width:200} ,{field: 'comment', title: '备注', width: 200},{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}]]});});
}

再看一下html的结构


楼层标识ID大楼名称描述大楼位置备注

 然后看显示数据的json格式,其每一个key必须加英文格式的双引号 ""

{"en_US": {"building": [{"id": "building_id","name": "大楼编号"},{"id": "building_name","name": "大楼名称"},{"id": "building_position","name": "大楼位置"},{"id": "building_direction","name": "大楼朝向"},{"id": "building_date","name": "建楼时间"},{"id": "floor","name": "楼层"},{"id": "description","name": "描述"},{"id": "comment","name": "备注"}],"enterprise": [],"staff": []},"zh_CN": {"building": [{"id": "building_id","name": "大楼编号"},{"id": "building_name","name": "大楼名称"},{"id": "building_position","name": "大楼位置"},{"id": "building_direction","name": "大楼朝向"},{"id": "building_date","name": "建楼时间"},{"id": "floor","name": "楼层"},{"id": "description","name": "描述"},{"id": "comment","name": "备注"}],"enterprise": [],"staff": []}}

这是我自己的json格式,但从layui官网以及大多数用户的写法来看是以下这样的,需要注意的问题是:"code":0以及"msg":""

{"code": 0,"msg": "","count": 10"data": [{"id": "building_id","name": "大楼编号"},{"id": "building_name","name": "大楼名称"},{"id": "building_position","name": "大楼位置"}]
}

但我的问题不是以上前端问题,而是管理数据方法的路径问题,即传给前端的url的路径有问题,这时一定要看浏览器请求时的控制台报 的错误,对你会有很大帮助。


我的问题由于是url问题,所以报404

 

 

 


推荐阅读
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • VueCLI多页分目录打包的步骤记录
    本文介绍了使用VueCLI进行多页分目录打包的步骤,包括页面目录结构、安装依赖、获取Vue CLI需要的多页对象等内容。同时还提供了自定义不同模块页面标题的方法。 ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • PHP图片截取方法及应用实例
    本文介绍了使用PHP动态切割JPEG图片的方法,并提供了应用实例,包括截取视频图、提取文章内容中的图片地址、裁切图片等问题。详细介绍了相关的PHP函数和参数的使用,以及图片切割的具体步骤。同时,还提供了一些注意事项和优化建议。通过本文的学习,读者可以掌握PHP图片截取的技巧,实现自己的需求。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文总结了在开发中使用gulp时的一些技巧,包括如何使用gulp.dest自动创建目录、如何使用gulp.src复制具名路径的文件以及保留文件夹路径的方法等。同时介绍了使用base选项和通配符来保留文件夹路径的技巧,并提到了解决带文件夹的复制问题的方法,即使用gulp-flatten插件。 ... [详细]
  • 使用正则表达式爬取36Kr网站首页新闻的操作步骤和代码示例
    本文介绍了使用正则表达式来爬取36Kr网站首页所有新闻的操作步骤和代码示例。通过访问网站、查找关键词、编写代码等步骤,可以获取到网站首页的新闻数据。代码示例使用Python编写,并使用正则表达式来提取所需的数据。详细的操作步骤和代码示例可以参考本文内容。 ... [详细]
  • Spring常用注解(绝对经典),全靠这份Java知识点PDF大全
    本文介绍了Spring常用注解和注入bean的注解,包括@Bean、@Autowired、@Inject等,同时提供了一个Java知识点PDF大全的资源链接。其中详细介绍了ColorFactoryBean的使用,以及@Autowired和@Inject的区别和用法。此外,还提到了@Required属性的配置和使用。 ... [详细]
  • 本文记录了在vue cli 3.x中移除console的一些采坑经验,通过使用uglifyjs-webpack-plugin插件,在vue.config.js中进行相关配置,包括设置minimizer、UglifyJsPlugin和compress等参数,最终成功移除了console。同时,还包括了一些可能出现的报错情况和解决方法。 ... [详细]
  • 在Android中解析Gson解析json数据是很方便快捷的,可以直接将json数据解析成java对象或者集合。使用Gson解析json成对象时,默认将json里对应字段的值解析到java对象里对应字段的属性里面。然而,当我们自己定义的java对象里的属性名与json里的字段名不一样时,我们可以使用@SerializedName注解来将对象里的属性跟json里字段对应值匹配起来。本文介绍了使用@SerializedName注解解析json数据的方法,并给出了具体的使用示例。 ... [详细]
  • uniapp开发H5解决跨域问题的两种代理方法
    本文介绍了uniapp开发H5解决跨域问题的两种代理方法,分别是在manifest.json文件和vue.config.js文件中设置代理。通过设置代理根域名和配置路径别名,可以实现H5页面的跨域访问。同时还介绍了如何开启内网穿透,让外网的人可以访问到本地调试的H5页面。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • SpringBoot整合SpringSecurity+JWT实现单点登录
    SpringBoot整合SpringSecurity+JWT实现单点登录,Go语言社区,Golang程序员人脉社 ... [详细]
author-avatar
文竹a
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有