下载文档原格式
前端开发中常用的网络请求库和技术介绍随着互联网的快速发展，前端开发的重要性也日益凸显。
作为前端开发人员，我们经常需要与后端进行数据交互，这就需要使用网络请求库和技术来实现。
本文将介绍一些常用的网络请求库和技术，帮助前端开发人员更好地进行数据交互。
一、XMLHttpRequestXMLHttpRequest是前端开发中最常用的网络请求技术之一。
它是一种用于在浏览器和服务器之间发送HTTP请求的对象。
XMLHttpRequest可以实现异步请求，从而不会阻塞页面的加载。
通过使用XMLHttpRequest对象，我们可以发送GET、POST等请求，接收服务器返回的数据，并在页面上进行展示。
二、Fetch APIFetch API是一种新的网络请求技术，它提供了更简洁、更强大的接口来处理网络请求。
Fetch API使用Promise对象来处理异步请求，相比于XMLHttpRequest，代码更加简洁易读。
Fetch API支持跨域请求、请求取消等功能，可以更好地满足前端开发的需求。
三、AxiosAxios是一个基于Promise的HTTP客户端，用于浏览器和Node.js中发送HTTP请求。
它具有简洁的API和强大的功能，可以处理各种类型的请求，如GET、POST、PUT、DELETE等。
Axios还支持请求拦截器、响应拦截器等功能，可以对请求和响应进行全局的处理。
由于其易用性和可扩展性，Axios成为了前端开发中最受欢迎的网络请求库之一。
四、SuperagentSuperagent是一个轻量级的HTTP请求库，它支持浏览器和Node.js环境。
Superagent的API简洁易用，可以发送各种类型的请求，并处理服务器返回的数据。
它还提供了丰富的插件机制，可以根据需求进行扩展。
Superagent的灵活性和可定制性使其成为前端开发中常用的网络请求库之一。
五、jQuery AjaxjQuery是一个广泛使用的JavaScript库，其中的Ajax模块提供了简单易用的API来处理网络请求。
移动应用开发技术中的网络请求和数据解析方法在移动应用的开发过程中，网络请求和数据解析是一个非常重要的环节。
随着移动互联网的快速发展，用户对于应用的需求也越来越高，因此，开发者需要使用合适的技术和方法来确保应用的网络请求和数据解析的稳定性和高效性。
本文将介绍一些常用的网络请求和数据解析方法。
在移动应用开发中，网络请求通常是通过HTTP协议来实现的。
发送网络请求有两种主要的方法：同步请求和异步请求。
1. 同步请求同步请求是指在发送网络请求后，应用会一直等待服务器返回响应结果才能继续执行下一步操作。
这种方式对于一些必须要实时获取数据的场景非常适用，比如登录验证、数据提交等。
然而，同步请求也存在一些问题，比如会阻塞应用的主线程，导致用户界面的卡顿，用户体验不佳。
因此，在使用同步请求时，我们需要注意合理安排请求的时间和频率，避免对应用性能造成过大的影响。
2. 异步请求异步请求是指发送网络请求后，应用不会等待服务器返回响应结果，而是继续执行后续操作。
一般情况下，网络请求的响应结果会通过回调函数或事件通知的形式返回给应用，使得应用能够在接收到数据后进行相应的处理。
异步请求相比于同步请求，具有更好的用户体验，因为用户可以在请求过程中继续操作应用其他功能而不被堵塞。
然而，异步请求也需要注意，如果请求过多或处理方式不当，可能会导致请求堆积和内存占用过多等问题。
在移动应用的网络请求中，我们还需要注意请求参数的安全性和数据传输的加密问题。
对于一些需要保护用户隐私的信息，比如登录和支付等操作，我们通常会采用安全的传输方式，比如HTTPS。
HTTPS协议通过加密通信，确保数据在传输过程中不被劫持或篡改。
在应用开发中，我们需要选择合适的网络请求库来支持HTTPS协议，并在请求时使用合适的加密算法和证书来保证数据的安全性。
除了网络请求，数据解析也是移动应用开发中非常重要的一部分。
在应用中，我们经常需要从服务器返回的数据中提取出有用的信息，然后进行相应的展示和处理。
http的⼏种请求⽅法1.HTTP请求⽅法有以下8种⽅法：OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE和CONNECT。
GETGET请求会显⽰请求指定的资源。
⼀般来说GET⽅法应该只⽤于数据的读取，⽽不应当⽤于会产⽣副作⽤的⾮幂等的操作中。
GET会⽅法请求指定的页⾯信息，并返回响应主体，GET被认为是不安全的⽅法，因为GET⽅法会被⽹络蜘蛛等任意的访问。
HEADHEAD⽅法与GET⽅法⼀样，都是向服务器发出指定资源的请求。
但是，服务器在响应HEAD请求时不会回传资源的内容部分，即：响应主体。
这样，我们可以不传输全部内容的情况下，就可以获取服务器的响应头信息。
HEAD⽅法常被⽤于客户端查看服务器的性能。
POSTPOST请求会向指定资源提交数据，请求服务器进⾏处理，如：表单数据提交、⽂件上传等，请求数据会被包含在请求体中。
POST⽅法是⾮幂等的⽅法，因为这个请求可能会创建新的资源或/和修改现有资源。
PUTPUT请求会⾝向指定资源位置上传其最新内容，PUT⽅法是幂等的⽅法。
通过该⽅法客户端可以将指定资源的最新数据传送给服务器取代指定的资源的内容。
DELETEDELETE请求⽤于请求服务器删除所请求URI（统⼀资源标识符，Uniform Resource Identifier）所标识的资源。
DELETE请求后指定资源会被删除，DELETE⽅法也是幂等的。
CONNECTCONNECT⽅法是HTTP/1.1协议预留的，能够将连接改为管道⽅式的代理服务器。
通常⽤于加密服务器的链接与⾮加密的HTTP代理服务器的通信。
OPTIONSOPTIONS请求与HEAD类似，⼀般也是⽤于客户端查看服务器的性能。
这个⽅法会请求服务器返回该资源所⽀持的所有HTTP请求⽅法，该⽅法会⽤’*’来代替资源名称，向服务器发送OPTIONS请求，可以测试服务器功能是否正常。
JavaScript的对象进⾏CORS跨域资源共享时，就是使⽤OPTIONS⽅法发送嗅探请求，以判断是否有对指定资源的访问权限。
报文传输方法终端和服务器报文传输方法是指网络通信中，数据的传输方式。
在客户端和服务器之间进行报文传输，有多种方法可以选择。
本文将介绍几种常见的报文传输方法，包括HTTP、FTP和SMTP。
一、HTTP传输方法HTTP（Hypertext Transfer Protocol，超文本传输协议）是一种应用层协议，常用于传输超文本。
在客户端和服务器之间进行报文传输时，HTTP提供了以下几种传输方法：1. GET方法：GET方法是HTTP的一种常见请求方法，通过URL （Uniform Resource Locator，统一资源定位符）传递报文数据。
客户端通过GET方法请求服务器上的资源，服务器将根据请求返回相应的数据。
2. POST方法：POST方法也是HTTP的一种常见请求方法，通过HTTP报文的实体传递数据。
客户端通过POST方法向服务器提交数据，服务器接收到数据后进行处理并返回相应的结果。
3. PUT方法：PUT方法用于向服务器上传文件或资源。
客户端通过PUT方法将文件或资源传输到服务器，服务器将接收到的文件存储在指定位置。
二、FTP传输方法FTP（File Transfer Protocol，文件传输协议）是一种用于文件传输的协议。
在客户端和服务器之间进行报文传输时，FTP提供了以下几种传输方法：1. ASCII模式：ASCII模式用于传输文本文件。
客户端和服务器在传输过程中会进行字符编码和解码，以保证文件的正确传输。
2. 二进制模式：二进制模式用于传输二进制文件，如图片、音频和视频等。
客户端和服务器在传输过程中不进行字符编码和解码，直接进行二进制数据的传输。
3. 被动模式：被动模式用于在防火墙后进行传输。
在被动模式下，客户端通过发送PASV命令向服务器请求端口号，服务器返回一个可用的端口号，客户端再通过该端口与服务器建立数据连接进行传输。
三、SMTP传输方法SMTP（Simple Mail Transfer Protocol，简单邮件传输协议）是一种用于电子邮件传输的协议。
前端请求方法1. GET请求方法：GET是前端常用的请求方法之一，用于从服务器获取数据。
GET请求通过URL参数传递数据，常用于获取页面内容或资源。
2. POST请求方法：POST也是前端常用的请求方法，用于向服务器提交数据。
POST请求通常用于表单提交、上传文件等操作。
3. PUT请求方法：PUT方法用于向服务器更新资源，通常用于更新服务器上的数据。
4. DELETE请求方法：DELETE方法用于删除服务器上的资源，通常用于删除数据或文件。
5. PATCH请求方法：PATCH方法用于对资源进行局部更新，与PUT方法相比，PATCH 只更新指定字段。
6. OPTIONS请求方法：OPTIONS方法用于获取服务器支持的HTTP请求方法列表，通常用于跨域请求。
7. HEAD请求方法：HEAD方法类似于GET方法，但只返回请求头信息而不返回实际数据内容。
8. TRACE请求方法：TRACE方法用于在服务器和客户端之间进行轨迹跟踪，通常用于测试和诊断。
9. CONNECT请求方法：CONNECT方法用于建立客户端与代理服务器之间的隧道连接，通常用于HTTPS代理。
10. FETCH请求方法：FETCH是Web API提供的一种新的网络请求方法，用于取代传统的XHR请求。
11. AJAX请求方法：AJAX是一种使用XMLHttpRequest对象进行异步通信的技术，可以发送各种类型的HTTP请求。
12. FormData请求方法：FormData是一种用于创建表单数据的对象，可以通过POST 请求发送表单数据。
13. Jsonp请求方法：Jsonp是一种跨域请求的方法，通过动态创建script标签来实现跨域数据传输。
14. XMLHTTPRequest请求方法：XMLHTTPRequest是常用的发送HTTP请求的对象，支持多种请求方法。
15. Promise请求方法：Promise是一种用于处理异步请求的技术，可以更加灵活地处理请求结果。
ajax技术原理Ajax是一种用于创建交互式Web应用程序的技术，它可以让Web页面可以在不刷新整个页面的情况下向服务器发送请求并获取数据，然后在页面中动态地显示它们。
Ajax技术是基于多种技术的复杂集成，它涉及到浏览器端JavaScript、DOM、XMLHttpRequest对象、服务器端脚本等多个方面。
本文将针对Ajax技术的原理、工作流程、技术架构等方面进行详细的介绍。
一、Ajax技术的原理Ajax全称为Asynchronous JavaScript and XML，它最初是由Jesse James Garrett提出的一种Web开发技术，Ajax技术的核心思想是使用JavaScript和XMLHttpRequest对象来与服务器异步通信，从而实现页面的更新，而不需要刷新整个页面。
在使用Ajax技术前，Web应用程序需要刷新整个页面，同时每次页面刷新会向服务器发送一次请求，导致页面响应延迟，影响用户体验。
而使用Ajax技术后，浏览器可以只更新部分页面，不需要刷新整个页面，同时可以多次向服务器请求数据。
Ajax技术的原理是基于JavaScript语言，通过JavaScript语法实现浏览器与服务器之间的异步通信。
在Web页面中，我们可以通过JavaScript创建一个XMLHttpRequest对象，然后使用该对象向服务器发送请求并获取数据。
发送的请求类型可以是各种不同的请求类型，比如GET、POST、PUT、DELETE等。
服务器接收到请求后，会对请求进行处理，并将响应数据返回给浏览器。
浏览器接收到响应数据后，就可以将其显示到页面中，完成页面的更新，而不需要刷新整个页面。
二、Ajax技术的工作流程Ajax技术的工作流程是由浏览器端和服务器端两部分组成。
浏览器端负责通过JavaScript创建XMLHttpRequest 对象，然后向服务器发送HTTP请求。
在服务器端，接收到HTTP请求后，服务器会根据请求类型进行相应的处理，然后将处理结果返回给浏览器。
主题：常用的 7 种请求方式随着互联网的快速发展，人们日常生活中越来越多地依赖网络和各种软件应用来获取信息、完成交易和进行交流。
在这个过程中，请求方式成为了信息交流的重要环节之一。
以下将介绍常用的7 种请求方式，帮助读者更好地理解和应用这些方式。
一、GET 请求1. GET 请求是 HTTP 协议中最常用的一种请求方式，它用于从指定的资源获取数据。
GET 请求可以在 URL 中传递参数，也可以直接在URL 后面跟上参数键值对，如：xxx。
2. GET 请求的优点是简单、快速，适用于数据量较小、无需保密的情况。
3. 但是，GET 请求的缺点是在 URL 中传递的参数会暴露在位置区域栏中，可能会被窥探到，因此不适合传输敏感信息。
二、POST 请求1. POST 请求同样是 HTTP 协议中常用的一种请求方式，它用于向指定的资源提交要处理的数据。
POST 请求的参数不会暴露在位置区域栏中，而是通过请求体传递。
2. POST 请求的优点是可以传输大量数据，适用于需要保密、数据量较大的情况。
3. 但是，POST 请求的缺点是相对于 GET 请求来说速度稍慢，并且需要服务器端对请求体进行解析和处理。
三、PUT 请求1. PUT 请求是用于向服务器上传数据的一种请求方式，它会取代指定资源的所有当前表示。
2. PUT 请求的优点是可以用于新建或更新资源，具有幂等性，即对同一资源的多次请求所产生的效果是一致的。
3. PUT 请求的缺点是并不被所有的浏览器和服务器支持，而且可能会对现有的资源进行覆盖，存在一定的风险。
四、DELETE 请求1. DELETE 请求用于删除指定的资源，它与 GET 请求一样，可以在URL 中传递参数。
2. DELETE 请求的优点是可以用于删除指定资源，与 PUT 请求一样具有幂等性。
3. DELETE 请求的缺点是同样并不被所有的浏览器和服务器支持，而且因为删除具有破坏性，需要谨慎使用。
fetch方法
Fetch方法是HTTP协议中最常用的请求方法之一，也是实现数据获取，请求服务器资源的主要手段。
它是一种查询方法，用于客户端向服务器发出请求，以获取服务器上指定的资源。
Fetch方法是在HTTP协议中定义的一种请求方法，它的主要作用是用来从服务器上检索数据。
它以一种无状态的，请求/响应的方式与服务器进行通信，这种方式不需要在服务器上保存任何信息。
当客户端发出Fetch请求时，服务器会做出响应，并返回指定的资源，可以是HTML文件，图片，视频，文本文件甚至JSON数据。
Fetch 请求还可以用来存取数据库，向服务器发出查询即可获取到所需的结果。
在大多数浏览器中，可以使用Fetch API，它提供了一种简单的方式来与服务器进行通信，允许开发者控制发出的请求以及接收到的响应。
使用Fetch API可以简单地发出HTTP请求，同时还可以实现更多的功能，比如设置HTTP头信息，控制请求发出的方式，设置超时时间，以及控制URL查询参数等功能。
Fetch方法是当今Web应用开发中重要的一部分，它不但可以实现对服务器资源请求的访问，也可以实现数据交互。
它结合了HTTP 协议中的多种特性，比如请求/响应，缓存，跨域请求等，为前端开发提供了更加强大的技术支持。
在现在的Web开发中，Fetch方法已经被广泛应用，它不仅可以实现对网页资源的访问，也可以实现对后台数据的访问，使得Web应
用的开发变得更加简单快捷。
Fetch方法就像一把工具，它能够帮助开发者实现将客户端与服务器之间的数据无缝连接，以构建出功能卓越、性能强大的Web应用。
webapi的几种请求方式Web API是一种应用程序编程接口（API），通过HTTP协议进行交互，并通过Web服务提供外部应用程序访问和集成服务器端资源的机制。
Web API允许开发人员通过发送HTTP请求和接收HTTP响应与服务器进行通信。
在Web开发中，常用的几种Web API请求方式有GET、POST、PUT、PATCH和DELETE。
1. GET请求：GET请求是最常用的Web API请求方法之一。
它用于从服务器获取资源或数据。
通过GET请求，客户端发送一个HTTP GET请求给服务器，并从服务器获取资源的表示形式（通常是JSON或XML格式的数据）。
GET请求通常是无状态的，不会对服务器上的资源进行修改。
例如，当我们在浏览器中输入URL并按下回车时，浏览器会发送一个GET请求来获取相应的网页。
2. POST请求：POST请求是另一种常用的Web API请求方法。
它用于将数据发送到服务器以创建新资源。
通过POST请求，客户端将一些数据作为请求的一部分发送给服务器，然后服务器根据请求的数据创建一个新的资源。
常见的应用场景包括用户注册、提交表单、上传文件等。
POST请求通常会修改服务器上的资源状态，并返回一个表示新资源的URI。
3. PUT请求：PUT请求用于向服务器上传更新一个已经存在的资源。
PUT请求是一种幂等操作，即多次执行相同的PUT请求，结果都应该相同。
通过PUT请求，客户端发送一个包含更新后的资源表示的HTTP请求到服务器，然后服务器根据请求中的数据更新对应的资源。
PUT请求可以用于创建新资源，但通常用于完全替换服务器上已经存在的资源。
4. PATCH请求：PATCH请求类似于PUT请求，但是它是用来部分更新服务器上已经存在的资源，而不是完全替换。
通过PATCH请求，客户端发送一个包含更新后的资源部分表示的HTTP请求到服务器，然后服务器根据请求中的数据部分更新对应的资源。
PATCH请求是一种幂等操作，多次执行相同的PATCH请求，结果应该相同。
Ajax，在它最基本的层面，是一种与服务器通讯而不重载当前页面的方法，数据可从服务器获得或发送给服务器。
有多种不同的方法构造这种通讯通道，每种方法都有自己的优势和限制。
有五种常用技术用于向服务器请求数据：（1）XMLHttpRequest (XHR)（2）动态脚本标签插入（3）框架（4）Comet（5）多部分的XHR在现代高性能JavaScript中使用的三种技术是XHR，动态脚本标签插入和多部分的XHR。
使用Comet和iframe（作为数据传输技术）往往是极限情况，不在这里讨论。
一、XMLHttpRequest目前最常用的方法中，XMLHttpRequest（XHR）用来异步收发数据。
所有现代浏览器都能够很好地支持它，而且能够精细地控制发送请求和数据接收。
你可以向请求报文中添加任意的头信息和参数（包括GET和POST），并读取从服务器返回的头信息，以及响应文本自身。
以下是使用示例：var url = '/data.php';var params = ['id=934875','limit=20'];var req = new XMLHttpRequest();req.onreadystatechange = function() {if (req.readyState=== 4) {var responseHeaders = req.getAllResponseHeaders();var data = req.responseText;}}req.open('GET', url + '?' + params.join('&'), true);req.setRequestHeader('X-Requested-With', 'XMLHttpRequest');req.send(null);此例显示了如何从URL请求数据，使用参数，以及如何读取响应报文和头信息。
readyState等于4表示整个响应报文已经收并完可用于操作。
readyState等于3则表示此时正在与服务器交互，响应报文还在传输之中。
这就是所谓的“流”，它是提高数据请求性能的强大工具：req.onreadystatechange = function() {if (req.readyState=== 3) {var dataSoFar = req.responseText;…}else if (req.readyState=== 4) {var data = req.responseText;…}}由于XHR提供了高级别的控制，浏览器在上面增加了一些限制。
你不能使用XHR从当前运行的代码域之外请求数据，而且老版本的IE 也不提供readyState3，它不支持流。
从请求返回的数据像一个字符串或者一个XML对象那样对待，这意味着处理大量数据将相当缓慢。
尽管有这些缺点，XHR仍旧是最常用的请求数据技术，也是最强大的，它应当成为你的首选。
当使用XHR请求数据时，你可以选择POST 或GET。
如果请求不改变服务器状态只是取回数据（又称作幂等动作）则使用GET。
GET请求被缓冲起来，如果你多次提取相同的数据可提高性能。
只有当URL和参数的长度超过了2'048个字符时才使用POST提取数据。
因为Internet Explorer限制URL的长度，过长将导致请求（参数）被截断。
二、动态脚本标签插入该技术克服了XHR的最大限制：它可以从不同域的服务器上获取数据。
这是一种黑客技术，而不是实例化一个专用对象，你用JavaScript创建了一个新脚本标签，并将它的源属性设置为一个指向不同域的URL。
var scriptElement = document.createElement('script');scriptElement.src = '/javascript/lib.js';document.getElementsByTagName_r('head')[0].appendChild(scriptElement);但是动态脚本标签插入与XHR相比只提供更少的控制。
你不能通过请求发送信息头。
参数只能通过GET方法传递，不能用POST。
你不能设置请求的超时或重试，实际上，你不需要知道它是否失败了。
你必须等待所有数据返回之后才可以访问它们。
你不能访问响应信息头或者像访问字符串那样访问整个响应报文。
最后一点非常重要。
因为响应报文被用作脚本标签的源码，它必须是可执行的JavaScript。
你不能使用裸XML，或者裸JSON，任何数据，无论什么格式，必须在一个回调函数之中被组装起来。
var scriptElement = document.createElement('script');scriptElement.src = '/javascript/lib.js';document.getElementsByTagName_r('head')[0].appendChild(scriptElement);function jsonCallback(jsonString) {var data = ('(' + jsonString + ')');}在这个例子中，lib.js 文件将调用jsonCallback 函数组装数据：jsonCallback({ "status": 1, "colors": [ "#fff", "#000", "#ff0000" ] });尽管有这些限制，此技术仍然非常迅速。
其响应结果是运行JavaScript，而不是作为字符串必须被进一步处理。
正因为如此，它可能是客户端上获取并解析数据最快的方法。
我们比较了动态脚本标签插入和XHR的性能，在本章后面JSON 一节中。
请小心使用这种技术从你不能直接控制的服务器上请求数据。
JavaScript没有权限或访问控制的概念，所以你的页面上任何使用动态脚本标签插入的代码都可以完全控制整个页面。
包括修改任何内容、将用户重定向到另一个站点，或跟踪他们在页面上的操作并将数据发送给第三方。
使用外部来源的代码时务必非常小心。
三、多部分XHR多部分XHR（MXHR）允许你只用一个HTTP 请求就可以从服务器端获取多个资源。
它通过将资源（可以是CSS 文件，HTML 片段，JavaScript代码，或base64 编码的图片）打包成一个由特定分隔符界定的大字符串，从服务器端发送到客户端。
JavaScript代码处理此长字符串，根据它的媒体类型和其他“信息头”解析出每个资源。
让我们从头到尾跟随这个过程。
首先，发送一个请求向服务器索取几个图像资源：var req = new XMLHttpRequest();req.open('GET', 'rollup_images.php', true);req.onreadystatechange = function() {if (req.readyState== 4) {splitImages(req.responseText);}};req.send(null);这是一个非常简单的请求。
你向rollup_images.php 要求数据，一旦你收到返回结果，就将它交给函数splitImages处理。
下一步，服务器读取图片并将它们转换为字符串：$images = array('kitten.jpg', 'sunset.jpg', 'baby.jpg');foreach ($images as $image) {$image_fh = fopen($image, 'r');$image_data = fread($image_fh, filesize($image));fclose($image_fh);$payloads[] = base64_encode($image_data);}$newline = chr(1);echo implode($newline, $payloads);这段PHP代码读取三个图片，并将它们转换成base64字符串。
它们之间用一个简单的字符，UNICODE的1，连接起来，然后返回给客户端。
然后回到客户端，此数据由splitImage 函数处理：function splitImages(imageString) {var imageData = imageString.split("\u0001");var imageElement;for (var i = 0, len = imageData.length; i < len; i++) {imageElement = document.createElement('img');imageElement.src = 'data:image/jpeg;base64,' + imageData[i];document.getElementById('container').appendChild(imageElement);}}此函数将拼接而成的字符串分解为三段。
每段用于创建一个图像元素，然后将图像元素插入页面中。
图像不是从base64 转换成二进制，而是使用data:URL 并指定image/jpeg 媒体类型。
最终结果是：在一次HTTP 请求中向浏览器传入了三张图片。
也可以传入20 张或100 张，响应报文会更大，但也只是一次HTTP 请求。
它也可以扩展至其他类型的资源。
JavaScript文件，CSS 文件，HTML片段，许多类型的图片都可以合并成一次响应。
任何数据类型都可作为一个JavaScript处理的字符串被发送。
下面的函数用于将JavaScript代码、CSS 样式表和图片转换为浏览器可用的资源：function handleImageData(data, mimeType) {var img = document.createElement('img');img.src = 'data:' + mimeType + ';base64,' + data;return img;}function handleCss(data) {var style = document.createElement('style');style.type = 'text/css';var node = document.createTextNode(data);style.appendChild(node);document.getElementsByTagName_r('head')[0].appendChild(style);}function handleJavaScript(data) {(data);}由于MXHR响应报文越来越大，有必要在每个资源收到时立刻处理，而不是等待整个响应报文接收完成。
