用源生的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一般工作内容就是 读取数据过来,创建元素,将数据插入创建的元素里面。