封装好的ajax js文件代码如下：ajax.js
function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器（打开和服务器的连接） oAjax.open('GET', url, true); //3.发送 oAjax.send(); //4.接收 oAjax.onreadystatechange=function () { if(oAjax.readyState==4) { if(oAjax.status==200) { //alert('成功了：'+oAjax.responseText); fnSucc(oAjax.responseText); } else { //alert('失败了'); if(fnFaild) { fnFaild(); } } } };}ajax(url,
fnSucc,
fnFaild)函数参数介绍：
- url：读取文件的路径，可以写相对路径或绝对路径（服务器上面的文件名都不能用中文命名）
- fnSucc:成功返回信息
- fnFaild：失败返回信息
- 这个函数的运用：案例
-
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title><script src="ajax.js"></script><script>window.onload=function (){var oBtn=document.getElementById('btn1');oBtn.onclick=function (){ajax('aaa.txt?t='+new Date().getTime(), function (str){alert(str);}, function (){alert('失败');});};};</script></head><body><input id="btn1" type="button" value="读取" /></body></html>
