Ajax异步封装

Posted liusheng11188

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax异步封装相关的知识,希望对你有一定的参考价值。

 1  //自己封装了一个异步方法。 
 2         //第一个参数:GET或者是POST,二个参数:请求的url地址,
 3         //第三个:是否异步第四个:往后台发送的Post的数据,最后一个后台返回数据之后,处理数据的回调函数。
 4         function myAjax(method,url,isAsync,postData,afterSuccess) {
 5             var xhr;
 6             
 7             if (XMLHttpRequest) {//ff,ie8,chrome
 8                 xhr = new XMLHttpRequest();
 9             } else {//兼容ie6,ie5
10                 xhr = new ActiveXObject("Microsoft.XMLHTTP");
11             }
12 
13             xhr.open(method, url, isAsync);
14 
15             
16             xhr.send(postData);//发送请求。
17 
18             xhr.onreadystatechange = function () {
19                 if (xhr.readyState == 4 && xhr.status == 200) {
20                     //alert(xhr.responseText);
21                     afterSuccess(xhr.responseText);
22                 }
23             };
24         }

 

以上是关于Ajax异步封装的主要内容,如果未能解决你的问题,请参考以下文章

前端面试题之手写promise

jquery Ajax 全局调用封装

Ajax异步封装

Ajax简介封装同步异步 & Ajax相关面试题

异步编程Ajax的详解,并对其进行封装整理

原生js封装ajax代码