在使用AJAX通过POST方式向后台添加员工时，表单提交成功并创建了新记录，但success和error回调函数未执行。解决方法是在form的submit事件中加入return false;。本文详述问题与解决方案。
form表单通过ajax异步提交实现新增员工的功能时，发现请求是成功的，后台也新增了该员工，却不执行回调方法(success、error)，如下所示：
form.on('submit(addStaffFilter)', function(data){
$.ajax({
url:ctx+"/backend/staffManagement/addStaff",
type:"post",
contentType: 'application/json',
dataType:"json",
data:JSON.stringify({"staffName":$("#staffName").val(),"mobilePhone":$("#mobilePhone").val(),"idNumber":$("#idNumber").val(),"areaId":areaId,"departmentId":departmentId,"email":$("#email").val()}),
success:function (data) {
console.log("1111111111111");
},
error:function (data) {
console.log("22222222222222");
}
});
});
TIM图片20181120165513.png
问题解决：
//缺少这一句
return false;
完整js代码：
form.on('submit(addStaffFilter)', function(data){
$.ajax({
url:ctx+"/backend/staffManagement/addStaff",
type:"post",
contentType: 'application/json',
dataType:"json",
data:JSON.stringify({"staffName":$("#staffName").val(),"mobilePhone":$("#mobilePhone").val(),"idNumber":$("#idNumber").val(),"areaId":areaId,"departmentId":departmentId,"email":$("#email").val()}),
success:function (data) {
console.log("1111111111111");
},
error:function (data) {
console.log("22222222222222");
}
});
return false;
});
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
