layui 框架使用后 使用原生 ajax方法 后台好使,前端回调函数不走,不好使的解决方法

layui之ajax巨坑 现象

在使用layui做前端框架的时候,在请求jquery 的ajax方法时,回调函数不执行问题,找了各种原因,各种的更改ajax参数类型和webapi返回类型 各种不行,最后发现layui框架默认是form提交未问题,想要让他执行ajax成功回调函数                                         

就只是一句话 DOM元素交互事件处理回调函数 添加 return false  看代码

 

$("#submitButton").click(function () {
    vlidateResult = $("#registerForm").valid();
    if (vlidateResult) {
        var stringToCommit = sale3_form2JsonString("registerForm");
        $.ajax({
            type: "POST",
            url: "http://localhost:8080/sales3_web/ssoMgt/addSSOAccount",
            contentType: "application/json", //必须这样写
            dataType: "json",
            data: stringToCommit,
            success: function (data) {

                layer.alert(data.message);
                //layui.msg("添加账号成功!", {icon: 5});
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest.status);
                alert(XMLHttpRequest.readyState);
                alert(textStatus);
            }

        });
    }
    return false;
});

 

亲测好用!

layui 框架使用后 使用原生 ajax方法 后台好使,前端回调函数不走,不好使的解决方法layui 框架使用后 使用原生 ajax方法 后台好使,前端回调函数不走,不好使的解决方法