ajax提交form表单不进入回调函数success

最新推荐文章于 2024-08-10 10:11:23 发布

maijia0754

最新推荐文章于 2024-08-10 10:11:23 发布

阅读量5.2k

点赞数

分类专栏：遇到的问题文章标签： ajax

本文链接：https://blog.csdn.net/maijia0754/article/details/79509191

版权

遇到的问题专栏收录该内容

10 篇文章 0 订阅

订阅专栏

使用ajax提交form表单不进入回调函数success，html代码如下：

<form id="commentForm" action="/comment/submit">
   ......
</form>

js代码：

$(function () {
    $("#commentForm").submit(function (e) {
        var isSubmit = checkCaptcha();
        if(isSubmit) {
            $.ajax({
                type:'post',
                async:false,
                data:$("#commentForm").serialize(),
                dataType: "json",
                success:function (result) {
                    if(result.status) {
                        $(".rform span").html("评论成功，等待博主审核！");
                        $("#commentForm").reset();

                    } else {
                        $(".rform span").html("评论失败，服务器错误，抱歉！");
                        $("#captchaCode").val("");
                    }
                }
            })
        }
        return false;
    });
});

当提交表单时，从控制台可以看到后台已经执行成功，但是不进入回调函数success，修改html代码：

<form id="commentForm">
   ......
</form>

js代码：

$(function () {
    $("#commentForm").submit(function (e) {
        var isSubmit = checkCaptcha();
        if(isSubmit) {
            $.ajax({
                type:'post',
                async:false,
                url:'/comment/submit',
                data:$("#commentForm").serialize(),
                dataType: "json",
                success:function (result) {
                    if(result.status) {
                        $(".rform span").html("评论成功，等待博主审核！");
                        $("#commentForm").reset();

                    } else {
                        $(".rform span").html("评论失败，服务器错误，抱歉！");
                        $("#captchaCode").val("");
                    }
                }
            })
        }
        return false;
    });
});