In den letzten Jahren habe ich seit langem nicht mehr traditionelles JavaScript geschrieben Tatsächlich ist dies die Essenz von Ajax in JQuery. und die Kommentare sind ausführlich geschrieben, sodass jeder verstehen kann:
Die Codekopie lautet wie folgt:
<script type = "text/javaScript">
// (a) ① Methode zum Abrufen der Textdatei (herkömmliche JavaScript implementiert die AJAX -Schreibmethode)
Funktion loadxmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// Code für IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new xmlhttprequest ();
}
anders
{
// Code für IE6, IE5
xmlhttp = new ActiveXObject ("microsoft.xmlhttp");
}
// OnreadyStatechange speichert eine Funktion (oder einen Funktionsnamen), der aufgerufen wird, wenn sich die ReadyState -Eigenschaft ändert.
xmlhttp.onReadyStatechange = function () ())
{
// ReadyState
// Der Status von xmlHttprequest ist vorhanden. Änderungen von 0 bis 4.
// 0: Die Anfrage wird nicht initialisiert
// 1: Die Serververbindung wurde hergestellt
// 2: Die Anfrage wurde empfangen
// 3: Die Anfrageverarbeitung ist im Gange
// 4: Die Anfrage wurde abgeschlossen und die Antwort ist fertig
//Status
// 200: "OK"
// 404: Seite nicht gefunden
if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
document.getElementById ("mydiv1"). InnerHtml = xmlhttp.responsetext;
}
}
xmlhttp.open ("get", "doc/test1.txt", true);
xmlhttp.send ();
}
HTML -Seitencode:
Die Codekopie lautet wie folgt:
<body>
<Form ID = "Form1" Runat = "Server">
<%-Holen Sie sich die Textdatei auf dem Server und Anzeige-%>
<div id = "mydiv1"> <h2> Ändern Sie den Inhalt durch ajax </h2> </div>
<button id = "btnchange1" type = "button" onclick = "loadxmldoc1 ()"> Inhalt über AJAX ändern (ab oben test1.txt abrufen) </button>
</form>
</body>
Demonstrationseffekt: