AJAX-Framework zum Erlernen von AJAX von Grund auf

Dieser Artikel ist der zweite in einer Reihe von Tutorials zum Erlernen von AJAX von Grund auf. Wir stellen einige verschiedene Kenntnisse vor und lernen die Frameworks ajaxLib und ajaxGold kennen, damit wir Ajax besser verstehen können. Das basierte Lernen von AJAX (Einführung und Grundlagen von AJAX) bietet eine detaillierte Einführung und grundlegende Anwendung des asynchronen Ajax-Anforderungsservers. Es ist ersichtlich, dass einige Prozesse von Ajax relativ unverändert sind. Es ist nicht notwendig, den Sendecode jedes Mal zu schreiben, wenn Sie eine Anfrage senden. Einige Ajax-Entwickler haben ihren Prozess in ein Ajax-Framework gekapselt.

In diesem Abschnitt werden hauptsächlich die beiden Frameworks ajaxLib und ajaxGold vorgestellt.

1.ajaxLib

ajaxLib ist ein sehr kleines Ajax-Framework.

Verwenden Sie dies, um zunächst die Dateinutzung auf der Seite einzuführen. Das modifizierte Framework ist ein Framework, das XML direkt abruft. Die Versandfunktion lautet wie folgt:

loadXMLDoc(url,callback,boolean)

wobei url die Adresse der asynchronen Anforderung und callback die Funktion ist Das wird gesendet, nachdem die Anfrage erfolgreich zurückgegeben wurde. Der boolesche Wert gibt an, ob Leerzeichen im XML-Dokument entfernt werden sollen.

Zum Beispiel:

<input type="button" value="display" onclick="loadXMLDoc(&#39;1-7.aspx&#39;,decodeXML,false);" />

Das von der AjaxLib zurückgegebene XML-Dokument Das Framework wird in der globalen Variablen resultXML gespeichert, die in decodeXML geschrieben werden kann. Das Programm analysiert es, zum Beispiel:

function decodeXML(){
var oTemp =resultXML.getElementsByTagName("temp");
document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;
}

Sie können sehen, dass die Codelänge viel kürzer ist als zuvor.

2. AjaxGold verwenden

Ajaxgold ist ein weiteres besonders praktisches Ajax-Framework.

Ajaxgold ist ein weiteres besonders praktisches Ajax-Framework. Es gibt 4 Funktionen, die Entwickler verwenden können

getDataReturnText(url,callback);
getDataReturnXML(url,callback);
postDataReturnText(url,data,callback);
postDataReturnXML(url,data,callback);

Die ersten beiden werden verwendet, um Text und XML in der Get-Methode zurückzugeben, und die letzten beiden Funktionen werden verwendet, um Text und XML mithilfe der POST-Anforderungsmethode zurückzugeben ist postDataReturnText(url, data, callback) als Beispiel

<form>
    <input type="button" value="请求数据" onclick="postDataReturnText(&#39;1-8.aspx&#39;,&#39;a=2&b=3&#39;,display);">
 </form>
<p id="targetID">提取的数据将要显示在这</p>

Der obige Code sendet Daten an 1-8.aspx und übergibt die Daten a=2b=3. Nachdem der Server erfolgreich zurückgegeben wurde, wird die Dispatch-Funktion angezeigt () verarbeitet den Rückgabewert.

In AjaxGold wird der Rückgabetext als einziger Parameter der Rückruffunktion verwendet, sodass die Funktion display() so geschrieben werden kann

<script type="text/javascript">
            function display(text) {
                document.getElementById("targetID").innerHTML = text;
            }
</script>

Das Obige habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Ajax Get Request Cache Processing Solution

Serverseitige Konfiguration zur Implementierung einer domänenübergreifenden AJAX-Anfrage

Java+jquery-Methode zur Verarbeitung von XML-Daten

Das obige ist der detaillierte Inhalt vonAJAX-Framework zum Erlernen von AJAX von Grund auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!