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

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

倾听心跳的频率灬

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

阅读量348

点赞数

文章标签： layui

本文链接：https://blog.youkuaiyun.com/Java_learnner/article/details/115568270

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误示例：
$.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;
});