本文實例講述了JavaScript基于Ajax實現不刷新在網頁上動態顯示文件內容的方法。。具體如下：
下面的JS代碼是一個最基礎的JS的ajax實現，可以動態顯示服務器上的文件ajax_info.txt文件的內容
<!DOCTYPE html><html><head><title>sharejs.com</title><script>function loadXMLDoc(){var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }xmlhttp.open("GET","ajax_info.txt",true);xmlhttp.send();}</script></head><body><div id="myDiv"><h2>Let AJAX change this text</h2></div><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html>希望本文所述對大家的Ajax程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
