Maison >interface Web >js tutoriel >JavaScript est basé sur Ajax pour afficher dynamiquement le contenu du fichier sur la page Web sans actualisation

JavaScript est basé sur Ajax pour afficher dynamiquement le contenu du fichier sur la page Web sans actualisation

亚连original: 2018-05-25 11:48:551943parcourir

Cet article présente principalement JavaScript basé sur Ajax pour afficher dynamiquement le contenu des fichiers sur la page Web sans actualisation. Il peut réaliser la fonction d'affichage en temps réel du contenu des fichiers txt sur le serveur. certaine valeur de référence. Les amis qui en ont besoin peuvent Pour référence,

L'exemple de cet article décrit comment JavaScript peut afficher dynamiquement le contenu d'un fichier sur une page Web sans actualisation basé sur Ajax. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Le code JS suivant est l'implémentation JS ajax la plus basique, qui peut afficher dynamiquement le contenu du fichier ajax_info.txt sur le serveur

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

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles Liés

Voir plus