LayUI form表单提交之ajax请求后不执行回调方法
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"); } });
问题解决:
//缺少这一句 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; });
相关推荐
wcqwcq 2020-07-04
TONIYH 2020-06-11
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07