ajax瀏覽器兼容的問題探討
更新時間:2014年01月07日 16:09:43 作者:
ajax瀏覽器兼容的問題一直都是同學們多煩惱的,下面有個不錯的示例大家可以參考下,希望對大家有所幫助
復制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script>
window.onload = function(){
var oBtn = document.getElementById('btn');
oBtn.onclick = function(){
//1.創(chuàng)建ajax對象
//只支持非IE6瀏覽器
var oAjax = null;
if(window.XMLHttpRequest){
oAjax = new XMLHttpRequest();
//alert(new XMLHttpRequest());
}else{
//只支持IE6瀏覽器
oAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
//2.連接服務器,這里加個時間參數(shù),每次訪問地址都不一樣,瀏覽器就不用瀏覽器里的緩沖了,但
// 但服務器那端是不解析這個時間的
oAjax.open("get","a.txt?t=" + new Date().getTime(),true);
//3.發(fā)送
oAjax.send(null);
//4.接受信息
oAjax.onreadystatechange = function(){
//瀏覽器與服務器之間的交互,進行到哪一步了,當?shù)扔?的時候,代表讀取完成了
if(oAjax.readyState==4){
//狀態(tài)碼,只有等于200,代表接受完成,并且成功了
if(oAjax.status==200){
alert("成功" + oAjax.responseText);
}else{
alert("失敗");
}
}
};
};
};
</script>
</head>
<body>
<input type="button" value="按鈕" id="btn"/>
</body>
</html>
相關(guān)文章
ajax實現(xiàn)session不過期(避免頁面過期的現(xiàn)象)
在寫博客時要寫好長時間但沒有出現(xiàn)這種情況并且有實時的自動保存;這就涉及到了session的過期時間問題,下面與大家分享下具體的實現(xiàn)方法2013-06-06
ajax方式實現(xiàn)注冊功能(提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互)
這篇文章主要介紹了ajax方式實現(xiàn)注冊功能,提交數(shù)據(jù)到后臺數(shù)據(jù)庫完成交互,感興趣的小伙伴們可以參考一下2016-08-08
IE瀏覽器與FF瀏覽器關(guān)于Ajax傳遞參數(shù)值為中文時的區(qū)別實例分析
這篇文章主要介紹了IE瀏覽器與FF瀏覽器關(guān)于Ajax傳遞參數(shù)值為中文時的區(qū)別,結(jié)合實例分析說明了ajax參數(shù)傳遞過程中的參數(shù)轉(zhuǎn)碼相關(guān)注意事項與使用技巧,需要的朋友可以參考下2015-12-12
js裝載xml文件然后發(fā)向服務器的實現(xiàn)代碼
js裝載xml文件然后發(fā)向服務器,具體的代碼可以參考下面的思路。2009-01-01

