封裝好的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>
