search

Home >Web Front-end >JS Tutorial >JavaScript is based on Ajax to dynamically display file content on the web page without refreshing

JavaScript is based on Ajax to dynamically display file content on the web page without refreshing

亚连
亚连Original
2018-05-25 11:48:551976browse

This article mainly introduces JavaScript based on Ajax to dynamically display file content on the web page without refreshing. It can realize the function of real-time display of txt file content on the server. It is a basic application of Ajax and has certain reference value. Friends who need it can Refer to the following

The example of this article describes the method of using JavaScript to dynamically display file content on a web page without refreshing based on Ajax. Share it with everyone for your reference. The details are as follows:

The following JS code is the most basic JS ajax implementation, which can dynamically display the contents of the ajax_info.txt file on the server

<!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>

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

Solution to 403 error when using jquery ajax post data in django

Detailed explanation of ajax jtemplate implementation Dynamic paging

A simple implementation of Ajax showing progress during the request

The above is the detailed content of JavaScript is based on Ajax to dynamically display file content on the web page without refreshing. For more information, please follow other related articles on the PHP Chinese website!

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：AJAX processing method for XML returned by serverNext article：AJAX processing method for XML returned by server

Related articles

See more