用源生的JavaScript编写一个异步的ajax库

用源生的JavaScript写一个ajax的库,这样就不用每次都调用jQuery库了,依据ajax请求的步骤写,ajax请求有四个步骤:1.创建一个ajax对象,2.跟服务器进行连接;3.发送请求;4.接收返回值。

直接创建一个ajax的函数,里面传入三个参数:URL即获取的文件名,Fnsucc即接收数据成功时的参数,Fnfailed即接收文件失败时的参数

 1 function ajax(url,fnsucc,fnlaild){
 2     //1.创建一个ajax对象
 3      var oajax=null;
 4 
 5     if (window.XMLHttpRequest)
 6     {
 7     //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
 8         oajax=new XMLHttpRequest();
 9     }
10     else
11     {
12         // IE6, IE5 浏览器执行代码
13         oajax=new ActiveXObject("Microsoft.XMLHTTP");
14     }
15     //2.链接服务器
16     oajax.open('GET',url,true);
17     //3.发送请求
18     oajax.send();
19     //4.接收返回值
20     oajax.onreadystatechange=function(){
21         if (oajax.onReadystate==4 && oajax.status==200){
22             fnsucc(oajax.responseText);
23         }else{
24             if (fnlaild){
25             fnlaild();
26             }
27         }
28     }
29 }

ajax一般工作内容就是 读取数据过来,创建元素,将数据插入创建的元素里面。

posted on 2017-12-18 15:29  封寻丸子  阅读(155)  评论(0编辑  收藏  举报

导航