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有什么区别”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


新闻标题:xhr中的response和responseText有什么区别-创新互联
URL网址:http://hbruida.cn/article/dsosps.html