Ajax est un outil très puissant et flexible qui permet aux développeurs de créer des applications minces. Il peut être utilisé à diverses fins, comme le téléchargement de contenu ou la vérification des identifiants de connexion. Le principal avantage drsquoAjax est qursquoil est asynchrone, ce qui signifie que nrsquoavez pas besoin de recharger toute la page pour recevoir de nouvelles données. WordPress fournit un bon équipement pour Ajax. Il dispose drsquoun excellent mécanisme qui permet drsquoimplémenter facilement les fonctionnalités Ajax. Dans je vais expliquer les bases drsquoAjax et créer une extension très simple qui utilise Ajax dans le sujet 214 par défaut pour extraire les résultats de recherche.
Qursquoest ce qursquoAjax? Ajax nrsquoest pas vraiment une technologie, crsquoest un mélange de langages de programmation que connaissez peut être déjà. Ajax est lrsquoabréviation de J synchrone avascript et X ML. JavaScript est utilisé pour envoyer des données au serveur qui renvoie des données au format XML. XML nrsquoest pas vraiment nécessaire, mais json est souvent utilisé. Lorsque nous utilisons json, nous lrsquoappelons parfois Ajaj, pas Ajax. En fait, puisque pouvez renvoyer une chaîne simple ou HTML à partir du serveur, nrsquoavez pas à limiter au XML ou au json. Dans je mentionnerai Ajax, quel que soit le type de données que nous retournons.
Comment Ajax est il utilisé? Regardons un exemple pratique sans entrer dans le Code. Supposons que ayez créé un site immobilier et donné aux visiteurs la possibilité de sauvegarder les annonces pour une consultation ultérieure. Cette fonctionnalité est disponible en utilisant le bouton Enregistrer pour une utilisation future. Lorsque les utilisateurs cliquent sur ce bouton, ils sont dirigés vers un script qui ajoute la liste à la liste suivante et redirige vers la page qursquoils regardent. Cela signifie que la page doit être chargée à nouveau. Le site immobilier peut être
De plus, les images sont très riches et de nombreuses images peuvent ne pas être mises en cache, ce qui peut entraîner des temps de chargement plus longs.
Une meilleure solution est que lrsquoutilisateur clique sur un bouton qui affiche une petite animation de chargement. Le bouton disparaît et le texte
ça a lrsquoair un peu compliqué, ne trsquoinquiète pas! En fait, le processus est très simple et ne prend qursquoun certain temps à srsquoy habituer. L’utilisation d’ajax Ajax dans WordPress est totalement indépendante des cadres tels que WordPress. Tu peux le faire comme tu veux. Cependant, WordPress intégré prend en charge les flux de travail Ajax. souhaitez rendre votre plug in ou votre thème attrayant, devez le suivre. Prenons un exemple très simple en trois étapes. Nous passerons d’une solution personnalisée à l’utilisation des bases Ajax dans WordPress au lieu d’utiliser Ajax lui même pour une implémentation complète. Nous créerons un bouton unique qui srsquoaffichera si lrsquoutilisateur nrsquoa pas cliqué ou si lrsquoutilisateur a cliqué.
Avant de continuer, nous devons savoir comment savoir si lrsquoutilisateur a cliqué sur pulsan
Toi. lrsquoutilisateur clique sur le bouton, nous créons un méta utilisateur cliqué avec la valeur
Loading Essential 4b40f2c4d42973a22ba6 Notez que cette méthode nrsquoest pas recommandée pour de nombreuses raisons, mais peut être utilisée comme preuve conceptuelle. Le bouton est affiché pour les utilisateurs enregistrés qui ne lrsquoont pas encore cliqué. Lorsque cliquez dessus, êtes redirigé vers la même page. Lrsquoélément utilisateur est enregistré avant le chargement du bouton, de sorte que le texte correct cliqué est affiché. Sans la base Ajax drsquoAjax, prenons cet exemple pour nous rapprocher de lrsquoimplémentation Ajax. Nous pouvons déjà utiliser les fonctionnalités offertes par WordPress sans écrire de JavaScript. Il srsquoagit drsquoacheminer nos opérations en gérant Ajax. Php. Voyons comment le Code du bouton change en conséquence:
Charger Essential 4b40f2c4d42973a22ba6 le seul changement concerne lrsquoURL du bouton. Gérer Ajax. Gestion de fichiers PHP Ajax. Php dans le Répertoire de gestion WordPress. De plus, un paramètre drsquoaction avec une valeur de bouton _ clic est spécifié. Nous ne pouvons pas écrire de fonctions dans ce fichier pour gérer nos opérations car il s’agit d’un fichier WordPress de base. Cependant, nous pouvons les utiliser pour les relier à ces événements. Charger Essential 4b40f2c4d42973a22ba6 pour lier les fonctions aux opérations dans le fichier Manage Ajax. Php
Nous devons utiliser W p _ Ajax ou W P Ajax nopriv operation. Le premier nrsquoest activé que pour les utilisateurs enregistrés et le second seulement pour les utilisateurs déconnectés. Crsquoest déjà une bonne façon de protéger nos scripts!
Notez que jrsquoai également réécrit la fonction user _ clicked () pour faciliter les changements. Nous nrsquoavons plus besoin de vérifier si lrsquoutilisateur est connecté parce que crsquoest WP _ Ajax button Click. Cependant, nous devons rediriger vers la page précédente. Mise en oeuvre complète drsquoAjax la mise en oeuvre complète drsquoAjax srsquoappuiera sur les bases établies dans lrsquoexemple précédent. Commençons par écrire un peu de JavaScript qui gère les événements qui cliquent sur les boutons. Lorsque lrsquoessentiel 4b40f2c4d42973a22ba6 est chargé, nous détectons un clic sur le bouton et utilisons la fonction Ajax () pour envoyer une demande à lrsquoadministration du fichier Ajax. Php. Nous nous assurons que le type de demande est Post et que lrsquoaction est également donnée. Les éléments de lrsquoobjet de données sont transférés en tant que membres du tableau $_ post. Une fonctionnalité réussie est implémentée et si la réponse est ok, le bouton est remplacé par le texte que avez cliqué.
Notez que du point de vue de la gestion des fichiers Ajax. Php cette requête est très similaire à ce que nous avons fait lorsque nous avons envoyé lrsquoutilisateur directement au fichier. Une fois lrsquoaction terminée, notre crochet précédent fonctionnera de la même façon. Lorsque chargez Essential 4b40f2c4d42973a22ba6 cette fois, nrsquoavez pas besoin de rediriger lrsquoutilisateur parce qursquoil ne quitte pas la page en premier. Nous avons besoin drsquoecho
Crsquoest aussi une bonne façon de passer des variables, et crsquoest la même méthode que jrsquoutilise ici. Cela nous permettra drsquoutiliser myajax. LrsquoURL Ajax pointe vers lrsquoURL correcte dans le JavaScript. Jrsquoai aussi joint un fichier CSS. Le code CSS minimal que nous utiliserons peut être bien ajouté à la Feuille de style du sous thème. Jrsquoa i choisi de mettre en file drsquoattente un fichier dédié juste pour subdiviser nos ressources, ce qui a finalement facilité la création de plug ins à partir de là. Lrsquoétape suivante consiste à intercepter la recherche, en interrompant drsquoabord la recherche, puis en passant la requête de recherche au script personnalisé qui renvoie le nouveau résultat. Définissons maintenant Javascript pour cela: chargez Essential 4b40f2c4d42973a22ba6 jrsquoutilise des événements pour ajouter des classes de chargement aux éléments de contenu et désactiver lrsquoentrée avant drsquoenvoyer. Cela donnera des commentaires et assurera que plusieurs recherches nrsquoentraînent pas de demandes multiples. réussissez, le contenu de lrsquoélément de contenu est remplacé par un nouveau résultat. Le CSS que nous utiliserons pour gérer les téléchargements est montré ci dessous, ce qui diluera le contenu et générera une bonne superposition de chargement: chargez lrsquoessentiel 4b40f2c4d42973a22ba6, et voici tous les regards de lrsquoavant: Lrsquoutilisation du serveur Ajax pour charger des messages est notre opération parce que notre appel JavaScript est Load _ Search results. Nous devons lrsquoutiliser dans les opérations que nous créons. Cette fois, nous devons nous assurer qursquoil srsquoapplique aux utilisateurs enregistrés et déconnectés, donc nous utiliserons à la fois WP _ Ajax et WP Ajax nopriv. Nous allons créer une requête WordPress personnalisée et utiliser le même code trouvé dans la recherche. Php retourne nos résultats en 2014: le résultat du chargement de Essential 4b40f2c4d42973a22ba6 cette fonctionnalité est du code HTML, créé à l’aide de WordPress natif et des fonctions 2014. Crsquoest promis.
Ou utilisez toujours le bon format, même si le message nrsquoest pas trouvé. Conclusion: Ajax est un excellent complément à la boîte à outils WordPress, de la petite amélioration de l’interface utilisateur à l’amélioration massive des performances. La première fois que le verrez, devrez peut être essayer de le connaître, mais crsquoest très simple. Le JavaScript complexe à lrsquoavant et le PHP complexe à lrsquoextrémité serveur ajoutent de la complexité, ce qui rend parfois les choses plus difficiles qursquoAjax lui même. êtes intéressé par les fonctionnalités Ajax, je recommande fortement de parcourir les plugins Ajax disponibles dans la Bibliothèque des plugins WordPress. Je recommande également de lire le tutoriel Ajax des écoles W3 et la documentation des fonctions Ajax jquery. avez créé quelque chose de génial avec Ajax dans WordPress, ou si pensez que certains aspects de WordPress bénéficieront grandement de l’ajout d’ajax, faites nous savoir dans les commentaires ci dessous. Étiquettes: Annotations Ajax
Comment télécharger les résultats de recherche en utilisant Ajax dans WordPress
