JavaScript基於Ajax實作不刷新在網頁上動態顯示文件內容
- 亚连原創
- 2018-05-25 11:48:551914瀏覽
這篇文章主要介紹了JavaScript基於Ajax實現不刷新在網頁上動態顯示文件內容,可實現實時顯示伺服器上txt文件內容的功能,是Ajax基本應用,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了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("myp").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<p id="myp"><h2>Let AJAX change this text</h2></p>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>
上面是我整理給大家的，希望今後會對大家有幫助。
相關文章：
django中使用jquery ajax post資料出現403錯誤的解決辦法
##
以上是JavaScript基於Ajax實作不刷新在網頁上動態顯示文件內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn