美文网首页
LayUI form表单提交之ajax请求后不执行回调方法

LayUI form表单提交之ajax请求后不执行回调方法

作者: 海棠晴yyh | 来源:发表于2018-11-20 17:00 被阅读0次

    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;
                    }); 
    

    相关文章

      网友评论

          本文标题:LayUI form表单提交之ajax请求后不执行回调方法

          本文链接:https://www.haomeiwen.com/subject/gzyxqqtx.html