layer中form表单使用ajax不成功的解决问题方法

layer中form表单使用ajax提交时,因jquery中$与本身的$冲突,会出现进入不到回调函数的现象,也就是进不到ajax的部分,将jquery的$改一下,var $$ = layui.jquery,就可以解决这个问题,return false;也别忘记加上哦!!

<script>
    layui.use(['form', 'layedit', 'laydate', 'jquery'], function () {
        var $$ = layui.jquery;
        var form = layui.form
            , layer = layui.layer
            , layedit = layui.layedit
            , laydate = layui.laydate;

        //日期
        laydate.render({
            elem: '#date'
        });
        laydate.render({
            elem: '#date1'
        });
        //监听提交
        form.on('submit(demo1)', function (data) {
            var json_data=(data.field)
            $$.ajax({
                url: "/scanner/",
                type: "post",
                data: json_data,
                success: function (data) {
                    console.log(data);
                },
                error: function (res) {
                    console.log(res);
                },
            });
            return false;
        });

    });
script>

你可能感兴趣的:(javascript)