Maison  >  Article  >  interface Web  >  Framework AJAX pour apprendre AJAX à partir de zéro

Framework AJAX pour apprendre AJAX à partir de zéro

亚连
亚连original
2018-05-25 14:11:011563parcourir

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);" />

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;
}

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);

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>

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>

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.

Articles connexes :

Solution de traitement du cache des demandes d'obtention Ajax

Configuration côté serveur pour implémenter les requêtes inter-domaines AJAX

Méthode Java+jquery de traitement des données XML

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn