jquery post json数据_LayUi的from组件搭配jQuery提交

凯哥最近正在学习layui这个后台框架。

先看layui简介：

layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验。

本文将介绍layui form组件+jquery提交。

一：页面引入jquery相关：

1.1：引入CSS

​

1.2：引入js

​

注意，js在下面位置放的。

from内容：

​

这里需要记住，from的id为：form_

立即提交的lay-filter是：formSub

下面看看js写法：

layui.config({

base: '../' //静态资源所在路径

}).extend({

index: 'layuiadmin/lib/index' //主入口模块

}).use(['index', 'form'], function(){

var $ = layui.$

,admin = layui.admin

,element = layui.element

,form = layui.form;

form.render(null, 'component-form-element');

element.render('breadcrumb', 'breadcrumb');

form.on('submit(formSub)', function(data){

layer.msg(JSON.stringify(data.field));

$.ajax({

url: '/autocode/get-table',

data: $('#form_').serialize(),

type: "POST