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

最新推荐文章于 2022-06-03 12:23:16 发布

半笙彷徨

最新推荐文章于 2022-06-03 12:23:16 发布

阅读量1.3w

点赞数 7

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

本文链接：https://blog.csdn.net/wang704987562/article/details/82559467

版权

前端专栏收录该内容

27 篇文章 1 订阅

订阅专栏

使用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/

半笙彷徨

关注

7
点赞
踩
8

收藏

觉得还不错? 一键收藏
2
评论
JQ-AJAX执行成功不执行success方法解决

使用ajax方法请求成功，回调方法执行的不是success()，而是error()，先看代码：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&am
复制链接

扫一扫