xhr中的response和responseText有什么区别-创新互联

本篇内容介绍了“xhr中的response和responseText有什么区别”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

xhr中的response和responseText区别

在web前端，一次http请求，对应着一个xhr实例（基本的面向对象概念）。

这个xhr实例上，就可以取到http协议中规定的各种协议属性。本质上，所有的请求响应报文的主体，都是二进制的数据，我们传输的文本内容，也是编码好的二进制数据。

http规范中规定了一个Content-type头，用来指明数据主体的格式，来告诉收发的两端将二进制的数据主体按照什么类型进行解析。而这两个接口（response和responseText），其实只是提供了一些便捷的接口，配合responseType，方便用户获取到解析好的响应，省去手动解析响应主体的步骤。

如果你想详细理解的话，其实你需要去了解下数据传输时候的编码和解码。不同mimetype的数据，传输时候的编码方式是不同的。

responseText读取

普通的文本（text/plain），就是编码好的字串，这两个接口上都可以直接读取。

json（application/json）,传输时候，其实是序列化后的json字串，传输时候是按照字串传输的。前端接收到的时候，其实可以直接在responseText上，按照字符串解析成一个json字串，然后手动JSON.parse。也可以手动指定responseType，直接在response上获取解析好的json对象。

document（text/html），如果指定好了responseType,responseText可以获取到html文本，response却可以获取到解析好的DOM对象。

对于其他数据，比如媒体类型（视频，音频），普通二进制流，如果你去responseText获取，那肯定就是乱码了，因为这种二进制肯定没法按照DOMString解析。但是你却可以指定好responseType为blob，在response上获取到Blob对象，然后再通过对应的工具进行处理解析。

“xhr中的response和responseText有什么区别”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！