JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內容
更新時間：2015年03月25日 09:17:35 作者：feiwen
這篇文章主要介紹了JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內容,可實現(xiàn)實時顯示服務器上txt文件內容的功能,是Ajax基本應用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內容的方法。分享給大家供大家參考。具體如下：
下面的JS代碼是一個最基礎的JS的ajax實現(xiàn)，可以動態(tài)顯示服務器上的文件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程序設計有所幫助。
相關文章
這篇文章主要介紹了Ajax獲取響應內容長度的方法,涉及Ajax調用成功后返回方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
ajax提交到java后臺之后處理數(shù)據(jù)的實現(xiàn)
下面小編就為大家?guī)硪黄猘jax提交到java后臺之后處理數(shù)據(jù)的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
這篇文章主要是對Ajax中同步與異步之間的區(qū)別進行了詳細的分析介紹。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
如何實現(xiàn)ajax延時發(fā)送在空閑之后去發(fā)送ajax請求
關鍵字搜索的功能，還是比較實用的，在實現(xiàn)過程中就需用到ajax延時發(fā)送，下面有個不錯的示例，有需要的朋友可以參考下2013-12-12
ajax(異步javascript xml) 能夠刷新局部網(wǎng)頁數(shù)據(jù)而不是重新加載整個網(wǎng)頁。接下來通過本文給大家介紹Ajax的使用四大步驟，非常不錯，感興趣的朋友看下吧2016-07-07
下面小編就為大家?guī)硪黄狝jax解決緩存的5種方法總結(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了Ajax中瀏覽器和服務器交互詳解,需要的朋友可以參考下2015-01-01
[紅色]一個方便AJAX開發(fā)的通用類...2006-12-12
AJAX在Post中文的時候亂碼的解決方法...2007-03-03
這篇文章主要介紹了Django Ajax的使用教程,需要的朋友可以參考下2017-06-06