萬盛學電腦網 >> 網絡編程 >> 編程語言綜合 >> ajax浏覽器兼容的問題探討
ajax浏覽器兼容的問題探討
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.創建ajax對象 //只支持非IE6浏覽器 var oAjax = null; if(window.XMLHttpRequest){ oAjax = new XMLHttpRequest(); //alert(new XMLHttpRequest()); }else{ //只支持IE6浏覽器 oAjax = new ActiveXObject("Microsoft.XMLHTTP"); } //2.連接服務器,這裡加個時間參數,每次訪問地址都不一樣,浏覽器就不用浏覽器裡的緩沖了,但 // 但服務器那端是不解析這個時間的 oAjax.open("get","a.txt?t=" + new Date().getTime(),true); //3.發送 oAjax.send(null); //4.接受信息 oAjax.onreadystatechange = function(){ //浏覽器與服務器之間的交互,進行到哪一步了,當等於4的時候,代表讀取完成了 if(oAjax.readyState==4){ //狀態碼,只有等於200,代表接受完成,並且成功了 if(oAjax.status==200){ alert("成功" + oAjax.responseText); }else{ alert("失敗"); } } }; }; }; </script> </head> <body> <input type="button" value="按鈕" id="btn"/> </body> </html>編程語言綜合排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved