代碼很簡潔,這裡就不多廢話了,直接上源碼
html代碼
代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<button type="button" onclick="show()">請求資料</button>
<script src="ajax.js"></script>
<script>
function show(){
Ajax('read.txt?datetime=new Date.getTime ',function(str){alert(str);},function(){alert('失敗了');})
};
</script>
</body>
</html>
javascript代碼
代碼如下:
function Ajax(url,fnSucc,fnFaild)
{
//1.建立ajax對象
if(window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
var oAjax=new XMLHttpRequest();
}
else
{// code for IE6, IE5
var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
//2.連結的伺服器(開啟伺服器的串連)
//open(方法,檔案名稱,非同步傳輸)
oAjax.open('GET',url,true);
//3.發送
oAjax.send();
//4.接收返回
oAjax.onreadystatechange=function()
{
if (oAjax.readyState==4)
{
if(oAjax.status==200)
{
fnSucc(oAjax.responseText);
}
else
{
fnFaild(oAjax.status);
}
};
};
}