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; });
亲测好用!