這幾年JQuery寫多了,傳統的的javascript已經很久不寫了,不少東西都忘掉了,還有多少人記得javascript中實現ajax操作需要藉助XMLHttpRequest對象,其實jquery的ajax本質也是這個,好了,今天就花點時間示範如何用傳統javascript獲取文字內容並展示在頁面上,廢話不多少,直接上程式碼,註解寫的很詳細,大家應該能看懂: 複製程式碼 程式碼如下: <BR>//(A)①取得文本Fire 檔案方法(傳統javascript實作AJAX寫法) <BR>function LoadXMLDoc1() <BR>{ <BR>var xmlhttp; <BR>if(window.XMLHttpRequest) <BR>{ <BR>// code for IE7, Firefox Chrome, Opera, Safari <BR>xmlhttp=new XMLHttpRequest(); <BR>} <BR>else <BR>{ <BR>// code for IE6, IE5 <BR>xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"Microsoft.XMLHTTP" ); <BR>} <BR>//onreadystatechange 儲存函數(或函數名稱),每當readyState 屬性改變時,就會呼叫函數。 <BR>xmlhttp.onreadystatechange=function() <BR>{ <BR>//readyState <BR>//存有 XMLHttpRequest 的狀態。從 0 到 4 發生變化。 <BR>//0: 請求未初始化<BR>//1: 伺服器連線已建立<BR>//2: 請求已接收<BR>//3: 請求處理中<BR>//4: 請求已完成,且回應已就緒<BR>//status <BR>//200: "OK" <BR>//404: 找不到頁面<BR>if (xmlhttp.readyState==4 && xmlhttp.status==200 ) <BR>{ <BR>document.getElementById("myDiv1").innerHTML=xmlhttp.responseText; <BR>} <BR>} <BR>xmlhttp.open("GET","doc/test1.txt", true); <BR>xmlhttp.send(); <BR>} <BR> html頁面代碼: 複製程式碼複製程式碼 複製程式碼 程式碼如下: 透過ajax改變內容 透過AJAX 改變內容(取得test1.txt上面的文字) 示範效果: