JavaScript基于Ajax實(shí)現(xiàn)不刷新在網(wǎng)頁上動(dòng)態(tài)顯示文件內(nèi)容
本文實(shí)例講述了JavaScript基于Ajax實(shí)現(xiàn)不刷新在網(wǎng)頁上動(dòng)態(tài)顯示文件內(nèi)容的方法。分享給大家供大家參考。具體如下:
下面的JS代碼是一個(gè)最基礎(chǔ)的JS的ajax實(shí)現(xiàn),可以動(dòng)態(tài)顯示服務(wù)器上的文件ajax_info.txt文件的內(nèi)容
<!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>
希望本文所述對(duì)大家的Ajax程序設(shè)計(jì)有所幫助。
相關(guān)文章
Ajax獲取響應(yīng)內(nèi)容長(zhǎng)度的方法
這篇文章主要介紹了Ajax獲取響應(yīng)內(nèi)容長(zhǎng)度的方法,涉及Ajax調(diào)用成功后返回方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猘jax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05如何實(shí)現(xiàn)ajax延時(shí)發(fā)送在空閑之后去發(fā)送ajax請(qǐng)求
關(guān)鍵字搜索的功能,還是比較實(shí)用的,在實(shí)現(xiàn)過程中就需用到ajax延時(shí)發(fā)送,下面有個(gè)不錯(cuò)的示例,有需要的朋友可以參考下2013-12-12