Framework AJAX pour apprendre AJAX à partir de zéro-js tutoriel-php.cn

Framework AJAX pour apprendre AJAX à partir de zéro

亚连

Libérer： 2018-05-25 14:11:01

original

1569 Les gens l'ont consulté

Cet article est le deuxième d'une série de tutoriels sur l'apprentissage d'AJAX à partir de zéro. Nous introduisons différentes connaissances et apprenons les frameworks ajaxLib et ajaxGold, afin que nous puissions mieux comprendre ajax

Ci-dessus ( Zero-. L'apprentissage basé sur AJAX (Introduction et bases d'AJAX) fournit une introduction détaillée et une application de base du serveur de requêtes asynchrone ajax. On peut voir que certains processus d'ajax sont relativement inchangés. Il n'est pas nécessaire d'écrire le code d'envoi à chaque fois que vous envoyez une requête. Certains développeurs ajax ont encapsulé leur processus dans un framework ajax.

Cette section présente principalement les deux frameworks ajaxLib et ajaxGold.

1.ajaxLib

ajaxLib est un très petit framework ajax.
Utilisez ceci pour introduire d'abord l'utilisation des fichiers dans la page. Le framework modifié est un framework qui obtient directement du XML. La fonction de dispatch est la suivante :

loadXMLDoc(url,callback,boolean)
où url est l'adresse de la requête asynchrone, et callback est la fonction. qui est distribué une fois la demande renvoyée avec succès. Name; boolean indique s'il faut supprimer les espaces dans le document XML, true signifie supprimer les espaces

Par exemple :

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

Copier après la connexion

Le document XML renvoyé par le framework AjaxLib est enregistré dans la variable globale resultXML, et vous pouvez decodeXML Écrivez un programme pour l'analyser, par exemple :

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

Copier après la connexion

Vous pouvez voir que la longueur du code est bien inférieure à celle d'avant.

2. Utiliser ajaxGold

Ajaxgold est un autre framework ajax particulièrement pratique.

Ajaxgold est un autre framework ajax particulièrement pratique. Il dispose de 4 fonctions que les développeurs peuvent utiliser

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

Copier après la connexion

Les deux premières sont utilisées pour renvoyer du texte et du XML dans la méthode get, et les deux dernières fonctions sont utilisées pour renvoyer du texte et du XML à l'aide de la méthode de requête POST. Ce qui suit est postDataReturnText(url, data, callback) à titre d'exemple

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

Copier après la connexion

Le code ci-dessus envoie des données à 1-8.aspx et transmet les données a=2b=3. la fonction display() est envoyée pour traiter la valeur de retour.

Dans ajaxGold, le texte de retour est utilisé comme seul paramètre de la fonction de rappel, donc la fonction display() peut être écrite comme ceci

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

Copier après la connexion

Ce qui précède est ce pour quoi j'ai compilé tout le monde, j'espère qu'il sera utilisé à l'avenir. Utile à tout le monde.