Introduction au plug-in rewrap-ajax.js

Je n'ai pas écrit d'articles techniques depuis longtemps. J'ai écrit des journaux au cours de ce processus. L'enregistrement de la vie quotidienne a remplacé la rédaction d'articles techniques. le cœur était plein de passion ou de feu, mais maintenant il l'est ..

Récemment, j'ai écrit un plug-in JS Selon les mots du cercle, cela s'appelle un. roue. Que ce soit bon ou non, cela ne dépend pas de vous. La clé est ce que tout le monde utilise.
Bien sûr, je l'utilise moi-même. En raison de mes préférences et préférences personnelles, je ne peux pas emprunter la méthode d'écriture d'autres frameworks Ajax. La version actuelle est le résultat d'une intégration ascendante à partir de la version 1, donc vous Si vous souhaitez bien comprendre la structure interne, vous pouvez commencer par la version 1.

Parlons maintenant de la structure globale de conception. La version 1 est une méthode de collecte et d'organisation d'amis. La méthode d'écriture de base a été formée. Il suffit d'appeler nativeAjax. Le premier est un attribut ajax, le second est une fonction réussie et le troisième est une fonction d'erreur, comme suit :

nativeAjax(postOption,function(data){
    // 3.1、请求成功回调
    console.log(data);
},function(error){
    // 3.2、请求失败回调,返回HTTP状态码
    console.log(error);
});

Basé sur le modèle de conception ci-dessus, donnez-le. une deuxième encapsulation, tout d'abord Les propriétés du service Ajax sont corrigées, alors nous pouvons lier toutes les propriétés Ajax à l'objet si elles sont directement liées à l'objet spécifié, en fait il suffit de donner et de prendre des paramètres, en enregistrant A. beaucoup de choses ont été faites et le processus est beaucoup plus simple, donc la flexibilité ne sera pas très grande. Si nous voulons l'encapsuler en interne, nous avons besoin d'une grande flexibilité et d'attributs réutilisables, donc je mets les attributs dans la fonction function, donc j'utilise ce pointeur pour lier l'attribut ajax en interne pour l'appeler, et en même temps, je peux le faire en interne. La ré-encapsulation du plug-in est le modèle de conception de la structure interne de cette version telle que je la comprends.

Version 2La structure externe appelée par rewrap-ajax est similaire à l'attribut JQ.fn de jq. Elle est utilisée par la méthode d'attribut d'objet de la structure en chaîne, nous sommes donc à l'intérieur.