Au cours des dernières années, j'ai rédigé trop javery. En fait, c'est l'essence de Ajax dans JQuery. , et les commentaires sont écrits en détail, donc tout le monde devrait pouvoir comprendre:
La copie de code est la suivante:
<script type = "text / javascript">
// (a) ① Méthode pour obtenir un fichier texte (JavaScript traditionnel implémente la méthode d'écriture ajax)
fonction chargexmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// Code pour IE7 +, Firefox, Chrome, Opera, Safari
xmlhttp = new xmlHttpRequest ();
}
autre
{
// Code pour IE6, IE5
xmlhttp = new activeXObject ("Microsoft.xmlhttp");
}
// OnReadyStateChange stocke une fonction (ou nom de fonction), qui sera appelé chaque fois que la propriété ReadyState change.
xmlhttp.onreadystatechange = function ()
{
// ReadyState
// Le statut de XMLHttpRequest est présent. Change de 0 à 4.
// 0: la demande n'est pas initialisée
// 1: la connexion du serveur a été établie
// 2: la demande a été reçue
// 3: le traitement des demandes est en cours
// 4: La demande est terminée et la réponse est prête
//statut
// 200: "OK"
// 404: page introuvable
if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
document.getElementById ("MyDiv1"). InnerHtml = xmlhttp.ResponSeText;
}
}
xmlhttp.open ("get", "doc / test1.txt", true);
xmlhttp.send ();
}
Code de page HTML:
La copie de code est la suivante:
<body>
<form id = "form1" runat = "server">
<% - Obtenez le fichier texte sur le serveur et affichez -%>
<div id = "MyDiv1"> <h2> Modifiez le contenu via ajax </h2> </div>
<Button id = "btnchange1" type = "bouton" onClick = "LoadXMLDOC1 ()"> Modifier le contenu via AJAX (Obtenez le texte ci-dessus Test1.txt) </futton>
</ form>
</docy>
Effet de démonstration: