ajax：dataType属性

最新推荐文章于 2025-05-23 10:47:32 发布

qq847540343

最新推荐文章于 2025-05-23 10:47:32 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js 文章标签： ajax-dateType属性

本文链接：https://blog.youkuaiyun.com/qq847540343/article/details/86676665

js 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在使用jQuery的Ajax进行前后端交互时，dataType属性如何影响数据的接收和解析过程。通过实例对比，阐述了dataType设置为'json'、'text'和'html'时的不同表现，并说明了正确设置dataType对于避免解析错误的重要性。

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

测试一：没有加dataType属性的情况

            $.ajax({
                type: "GET",
                // dataType: "json",
                url: "../friendster/info/" + rowId,
                async: false,
                success: function success(r) {
                     if(r.code===0) {
                         vm.hotStatus = r.entity.hot;
                     }else{
                         iview.Message.error(r.msg);
                         status=500;
                     }
                 }
             });

返回结果：

在这里插入图片描述
如上图所示：我们可以看到返回的是json字符串

我下面用iview.Message.error(r.msg)，后来iview js报错，大概意思就是没有内容，后来我来console上打印r.msg 发现结果是undefined

解决办法：

我们先来看看dataType属性到底是个什么东西，

1.dataType值如果为'json'，jquery就会把后端返回的字符串尝试通过JSON.parse()尝试解析为js对象。
2.dataType值如果为'text'，结果弹出框直接显示后台返回的json字符串。
3.dataType值如果为'html'，结果弹出框直接显示后台返回的json字符串。

当代码中加上dataType:“json” ，这个属性后，我们再次看到返回结果就是java对象了，不需要我们去手动的解析json字符串

如下图：
在这里插入图片描述