JavaScript基於Ajax實作不刷新在網頁上動態顯示文件內容-js教程-PHP中文網

JavaScript基於Ajax實作不刷新在網頁上動態顯示文件內容

亚连

發布： 2018-05-25 11:48:55

原創

1808 人瀏覽過

這篇文章主要介紹了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錯誤的解決辦法

##詳解ajax jtemplate實現動態分頁

Ajax在請求過程中顯示進度的簡單實作

以上是JavaScript基於Ajax實作不刷新在網頁上動態顯示文件內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！