layui form表单ajax提交

 <form class="layui-form" method="post" action="">
                <div class="layui-form-item">
                    <label class="layui-form-label">账号</label>
                    <div class="layui-input-block">
                        <input type="text" name="name" required lay-verify="required" placeholder="请输入账号" autocomplete="off"
                               class="layui-input" style="width: 200px">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">密码</label>
                    <div class="layui-input-inline">
                        <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
                               autocomplete="off" class="layui-input" style="width: 200px">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="loginForm">立即提交</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>

<script>
    layui.use(['form','jquery'], function () {
        var form = layui.form,$ = layui.$;
        form.on("submit(loginForm)",function (data) {
            $.ajax({
                url:'/login/login.do',
                type:'post',
                contentType:'application/json;charset=UTF-8',
                data:JSON.stringify(data.field),
                dataType:'json',
                success:function () {

                }

            });
            return false;
        })
    })
</script>

要注意自己发ajax请求要加上return false，禁止form表单自身提交功能。