JQ-AJAX执行成功不执行success方法解决

最新推荐文章于 2022-12-07 15:44:13 发布

半笙彷徨

最新推荐文章于 2022-12-07 15:44:13 发布

阅读量1.3w

点赞数 7

CC 4.0 BY-SA版权

分类专栏：前端文章标签： jquery AJAX执行成功不执行success方法

本文链接：https://blog.youkuaiyun.com/wang704987562/article/details/82559467

前端专栏收录该内容

27 篇文章

订阅专栏

本文探讨了使用jQuery的Ajax方法时遇到的问题：请求成功后回调方法执行的是error()而非预期的success()。文章分析了原因在于指定的dataType与服务端返回的数据类型不匹配，并提供了代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用ajax方法请求成功，回调方法执行的不是success()，而是error()，先看代码：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $.ajax({
            type: "get",
            url: "http://localhost:8080/test/ok",
            //期望服务端返回的数据类型
            dataType :"json",
            success: function(data) {
                console.log("success")
            },
            error: function(e) {
                console.log("error")
            },
        });
    </script>

</html>

再看看请求，不加dataType 的情况下，服务端响应头信息：
这里写图片描述

加上dataType :”json”，服务端响应头信息：
这里写图片描述
这里服务器返回的数据是字符串，没有指定dataType的情况下，jQuery 会根据MIME类型自行推断，如果指定了dataType，但是与服务端返回的类型不一定，则会报错，所以没有执行success()方法。
jQuery Ajax Api：

http://api.jquery.com/jquery.ajax/