事实上，layui更多是面向于后端开发者，所以在组织形式上毅然采用了几年前的以浏览器为宿主的类 AMD 模块管理方式，却又并非受限于 CommonJS 的那些条条框框，它拥有自己的模式，更加轻量和简单layui 定义为“经典模块化；服务器端的接口地址laydata是LayUI框架中的一个数据表格组件，在使用laydata中url请求时，需要指定一个后台路径来处理数据请求该后台路径是服务器端的接口地址；layui的分页会把limit和page也就是每页条数和当前页，大概是这个名字，具体看layui的数据表格说明传到后台，你需要在后台接收这两个参数然后展示相应的内容你可以在运行网页的时候，在网页里按f12，在网络监控中点下第；getJSON 的使用方法简介 getJSON url ， data ， successdata， textStatus， jqXHR url是必选参数，表示json数据的地址data是可选参数，用于请求数据时发送数据参数success是可参数，这是一个回调函数。

更加轻量和简单layui的优点与缺点优点有以下几方面1layui属于轻量级框架，简单美观适用于开发后端模式，它在服务端页面上有非常好的效果 2layui是提供给后端开发人员最好的ui框架，基于DOM驱动，只要不涉及到；建议使用Mybatis的pagehelper插件，分页查询很方便的；使用表格组件能提高大量的开发效率，目前主流的数据表格组件有bootstrap tablelayui tableeasyUI table等，本教程推荐使用layui框架设置数据表格推荐layui框架快速入门一三种初始化渲染方式我先从最简单的初始化表格写。

最近有个需求，实现前端页面一个数据表格可编辑，随原页面的表单提交json数据，然后后端回传显示Layui原来也没怎么用过，记个笔记记录一下添加行的有个小bug，超过分页行数后，再添加会变成无数据所以只好初始设置分页；我们在使用layui的时候，一般通常都用ajax去提交数据到后台，但是layui的from表单给我们提供了自动提交的方法，soEasy！上面就是我们使用的from表单，我们的提交按钮必须要在from表单中，并且要加上type=quotsubmitquot属性 action中的；Layui前后台数据交互layui有自己的一套特定的数据格式交互这很重要，必须参数code0，msg“”，count数据sizeint，data”数据List”一般我们选择封装返回接收类 Layui前台js请求数据 其中html代码js；quotname=sWitchquotchangefunctionvar sWitch=$thisval$ajaxurlquotquot，typequotpostquot，data quotsWitchquot sWitchcache false，successfunctiondata 手打，拼写错误自己调。

获取Layui通过Layui官网获取，详情请参考layui官网Layer弹层之美我们也可以通过访问Layer来获取，获取到layer组件后导入项目中具体步骤结构参考下图 1在页面中引入jQuery框架 2将下载的layer文件夹完整复制到项目中 3；1 一般用layui导致提交两次，会想到的是在绑定on sumit的时候没有return false，导致没有把常规提交方式拦截下来，再次访问了action如果你想了解更多关于layui的知识可以点击layui教程formon#39submitformDemo#39；用ajax，把参数放到data里，在后台request直接取来用；layui是一套开源的 Web UI解决方案，采用自身经典的模块化规范，并遵循原生HTMLCSSJS的开发方式，常适合网页界面的快速开发layui区别于那些基于MVVM底层的前端框架，它更多是面向后端开发者，无需涉足前端各种工具，只需；#39demoTable layuibtn#39on#39click#39， function var type = $thisdata#39type#39activetype ？ activetypecallthis #39#39此时点击查询按钮，会将keyword这个关键字传到后端，接下来就是。