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;
});
网友评论