javascript - jQuery AJAX 调用不起作用，不知道为什么

Question

我已经让几个人研究过这个，但我们根本不明白为什么它不起作用。它只是拦截表单提交，序列化数据，然后返回结果。

$(document).ready(function(){
    $('#changepassword').submit(function(e){
        e.preventDefault();

        $.ajax({
            url: "index.php?action=changepassword",
            type: "post",
            dataType: "json",
            data: $("#changepassword").serialize(),
            success: function(data){
                alert(data);
                if(data == "password_changed"){
                    alert("Password Changed");
                }else{
                    alert("Password not changed, please try again.");
                }
            }
        });
    })
})

即使我将 url 发送到 test.php 并在上面写入 asd，它也不会返回任何内容。

提交本身正在工作，当我查看网络预览时，我什至得到了返回。状态为 200(正常)，一切都很好，只是没有达到 success: 部分。

注意:我尝试使用 .done() 代替，但遇到了完全相同的问题。

我正在使用 bootstrap，如果他们的 javascript 文件可能会导致问题，但我对此表示怀疑。

谢谢。

Answer 1

删除此行dataType: "json"，除非您期望 json 对象作为服务器的响应。 dataType 是您期望从服务器返回的数据类型。

Here's the documentation

你的 jQuery 应该是这样的:

$(document).ready(function(){
    $('#changepassword').submit(function(e){
        e.preventDefault();

        $.ajax({
            url: "index.php?action=changepassword",
            type: "post",
            data: $("#changepassword").serialize(),
            success: function(data){
                alert(data);
                if(data == "password_changed"){
                    alert("Password Changed");
                }else{
                    alert("Password not changed, please try again.");
                }
            }
        });
    });
});