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

最新推荐文章于 2025-09-12 16:56:45 发布

weixin_30784141

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/karry990921/p/8057854.html

本文介绍如何使用原生JavaScript编写一个简单的Ajax库，避免每次都需要引入jQuery等库。通过四个步骤创建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 }