温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

xhr中的response和responseText有什么区别

发布时间:2021-08-12 11:43:39 来源:亿速云 阅读:1932 作者:chen 栏目:开发技术

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

xhr
AI