记一次坑：layer 弹出层form表单提交刷新弹出层造成ajax成功后不执行success

最新推荐文章于 2023-05-19 20:13:23 发布

原创最新推荐文章于 2023-05-19 20:13:23 发布 · 367 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui

本文介绍了一个常见的Ajax请求错误示例，并给出了正确的实现方式。重点强调了确保页面元素不会因Ajax请求而意外刷新的方法。

错误示例：
$.ajax({
type:‘post’,
url:’’,
data:“userid”:userid,
dataType:‘json’,
success:function(res){
if (res.flag ==“1”) {
layer.msg(“注册成功,等待跳转至登录页面！”,{time:3000});
window.location.href = “login.jsp”;
} else if (res.flag == “0”) {
layer.msg(“当前用户已存在,请重试！”);
}
},err:function () {
layer.msg(“网络错误,请重试！”);
}
});

});

正确示例：
$.ajax({
type:‘post’,
url:‘u’,
data:“userid”:userid,
dataType:‘json’,
success:function(res){
if (res.flag ==“1”) {
layer.msg(“注册成功,等待跳转至登录页面！”,{time:3000});
window.location.href = “login.jsp”;
} else if (res.flag == “0”) {
layer.msg(“当前用户已存在,请重试！”);
}
},err:function () {
layer.msg(“网络错误,请重试！”);
}
});
//重点：一定要加这个。要不然提交后弹出层会刷新一次，所以会不执行ajax的success
return false;
});