用源生的JavaScript写一个ajax的库,这样就不用每次都调用jQuery库了,依据ajax请求的步骤写,ajax请求有四个步骤:1.创建一个ajax对象,2.跟服务器进行连接;3.发送请求;4.接收返回值。
直接创建一个ajax的函数,里面传入三个参数:URL即获取的文件名,Fnsucc即接收数据成功时的参数,Fnfailed即接收文件失败时的参数
1 function ajax(url,fnsucc,fnlaild){ 2//1.创建一个ajax对象 3var oajax=null; 4 5if (window.XMLHttpRequest) 6{ 7// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 8 oajax=new XMLHttpRequest(); 9}10else11{12 // IE6, IE5 浏览器执行代码13 oajax=new ActiveXObject("Microsoft.XMLHTTP");14}15//2.链接服务器16oajax.open('GET',url,true);17//3.发送请求18oajax.send();19//4.接收返回值20oajax.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一般工作内容就是 读取数据过来,创建元素,将数据插入创建的元素里面。