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 connexes :
Solution à l'erreur 403 lors de l'utilisation des données de publication jquery ajax dans django
Explication détaillée d'ajax + jtemplate Implémenter une pagination dynamique
Implémentation simple d'Ajax pour afficher la progression lors de la requête
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
