xhr中的response和responseText有什么區(qū)別

本篇內(nèi)容介紹了“xhr中的response和responseText有什么區(qū)別”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

　　xhr中的response和responseText區(qū)別

　　在web前端，一次http請(qǐng)求，對(duì)應(yīng)著一個(gè)xhr實(shí)例（基本的面向?qū)ο蟾拍睿?/p>

　　這個(gè)xhr實(shí)例上，就可以取到http協(xié)議中規(guī)定的各種協(xié)議屬性。本質(zhì)上，所有的請(qǐng)求響應(yīng)報(bào)文的主體，都是二進(jìn)制的數(shù)據(jù)，我們傳輸?shù)奈谋緝?nèi)容，也是編碼好的二進(jìn)制數(shù)據(jù)。

　　http規(guī)范中規(guī)定了一個(gè)Content-type頭，用來(lái)指明數(shù)據(jù)主體的格式，來(lái)告訴收發(fā)的兩端將二進(jìn)制的數(shù)據(jù)主體按照什么類(lèi)型進(jìn)行解析。而這兩個(gè)接口（response和responseText），其實(shí)只是提供了一些便捷的接口，配合responseType，方便用戶(hù)獲取到解析好的響應(yīng)，省去手動(dòng)解析響應(yīng)主體的步驟。

　　如果你想詳細(xì)理解的話，其實(shí)你需要去了解下數(shù)據(jù)傳輸時(shí)候的編碼和解碼。不同mimetype的數(shù)據(jù)，傳輸時(shí)候的編碼方式是不同的。

　　responseText讀取

　　普通的文本（text/plain），就是編碼好的字串，這兩個(gè)接口上都可以直接讀取。

　　json（application/json）,傳輸時(shí)候，其實(shí)是序列化后的json字串，傳輸時(shí)候是按照字串傳輸?shù)?。前端接收到的時(shí)候，其實(shí)可以直接在responseText上，按照字符串解析成一個(gè)json字串，然后手動(dòng)JSON.parse。也可以手動(dòng)指定responseType，直接在response上獲取解析好的json對(duì)象。

　　document（text/html），如果指定好了responseType,responseText可以獲取到html文本，response卻可以獲取到解析好的DOM對(duì)象。

　　對(duì)于其他數(shù)據(jù)，比如媒體類(lèi)型（視頻，音頻），普通二進(jìn)制流，如果你去responseText獲取，那肯定就是亂碼了，因?yàn)檫@種二進(jìn)制肯定沒(méi)法按照DOMString解析。但是你卻可以指定好responseType為blob，在response上獲取到Blob對(duì)象，然后再通過(guò)對(duì)應(yīng)的工具進(jìn)行處理解析。

“xhr中的response和responseText有什么區(qū)別”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！