JavaScript est basé sur Ajax pour afficher dynamiquement le contenu du fichier sur la page Web sans actualisation-js tutoriel-php.cn

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

亚连

Libérer： 2018-05-25 11:48:55

original

1914 Les gens l'ont consulté

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>

Copier après la connexion

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

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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