Table des matières
La fonction jQuery ajax() est le niveau d'abstraction le plus bas
jQuery prend en charge JSONP inter-domaines
Arrêtez la mise en cache des requêtes XHR du navigateur
Maison Tutoriel CMS WordPresse Guide simplifié jQuery : Explorer jQuery et Ajax

Guide simplifié jQuery : Explorer jQuery et Ajax

Sep 02, 2023 pm 09:05 PM

jQuery 简化指南:探索 jQuery 和 Ajax

La fonction jQuery ajax() est le niveau d'abstraction le plus bas

jQuery ajax() 函数是可用于 XMLHttpRequest(又名 AJAX)的最低抽象级别。所有其他 jQuery AJAX 函数(例如 load())都利用 ajax() 函数。使用 ajax() 函数为 XMLHttpRequests 提供了最强大的功能。 jQuery 还提供了其他更高级别的抽象来执行非常特定类型的 XMLHttpRequests。这些函数本质上是 ajax() Raccourcis pour les méthodes.

Ces raccourcis sont :

  • 加载()
  • <code>get()
  • <code>getJSON()
  • <code>getScript()
  • <code>post()

Il est important de noter que même si les raccourcis sont parfois sympas, ils utilisent tous des méthodes ajax() 。而且,当您需要 jQuery 在 AJAX 方面提供的所有功能和自定义功能时,您应该使用 ajax() en coulisses.

Remarque : Par défaut, ajax()load() AJAX 函数均使用 GET Protocole HTTP.


jQuery prend en charge JSONP inter-domaines

JSON with padding (JSONP) est une technologie qui permet à l'expéditeur d'une requête HTTP (qui renvoie JSON) de fournir un nom pour une fonction appelée avec un objet JSON comme argument de fonction. Cette technologie n'utilise pas XHR. Il utilise des éléments de script afin que les données puissent être extraites de n'importe quel site vers n'importe quel site. Le but est de contourner les restrictions de politique de même origine de XMLHttpRequest.

À l'aide des fonctions <code>getJSON() jQuery, vous pouvez charger des données JSON à partir d'un autre domaine lors de l'ajout d'une fonction de rappel JSONP à l'URL. À titre d'exemple, voici à quoi ressemble une demande d'URL utilisant l'API Flickr.

<span class="sgc-100">http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&tagmode=all&format=json&jsoncallback</span>=? La valeur

? est utilisée comme raccourci pour indiquer à jQuery d'appeler la fonction passée en argument à la fonction ? 值用作快捷方式,告诉 jQuery 调用作为 <code>getJSON() 函数的参数传递的函数。如果您不想使用此快捷方式,可以将 ?. Si vous ne souhaitez pas utiliser ce raccourci, vous pouvez remplacer ? par le nom d'une autre fonction.

Ci-dessous, j'utilise l'API Flickr JSONP pour extraire une page Web contenant les dernières photos étiquetées "resig". Notez que j'utilise le raccourci ?, donc jQuery appellera simplement la fonction de rappel de la fonction ? 快捷方式,因此 jQuery 将简单地调用我提供的 <code>getJSON() que j'ai fournie. Le paramètre passé à la fonction de rappel est les données JSON demandées.

<!DOCTYPE html>
<html lang="en">
<body>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>  (function($){      
      $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=resig&amp;tagmode=all&amp;format=json&amp;jsoncallback=?",
          // Using ? just means call the callback function provided
          function (data) { // Data is the JSON object from Flickr    
              $.each(data.items, function (i, item) { $('<img />').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
          });
  })(jQuery); </script>
</body>
</html>
Copier après la connexion

Remarque : Veuillez vous assurer de vérifier l'API du service que vous utilisez afin d'utiliser correctement les rappels. Par exemple, Flickr utilise le nom jsoncallback=?,而 Yahoo!和 Digg 使用名称 callback=?.


Arrêtez la mise en cache des requêtes XHR du navigateur

Lors de l'exécution d'une requête XHR, Internet Explorer mettra en cache la réponse. La mise en cache peut être une bonne chose si la réponse contient du contenu statique avec une longue durée de conservation. Toutefois, si le contenu de la requête est dynamique et peut changer à tout moment, vous devrez vous assurer que le navigateur ne met pas en cache la requête. Une solution possible consiste à ajouter une valeur de chaîne de requête unique à la fin de l'URL. Cela garantira que le navigateur demande une URL unique pour chaque demande.

// Add unique query string at end of the URL
url: 'some?nocache='+(newDate()).getTime()
Copier après la connexion

Une autre solution (plus globale) consiste à définir par défaut toutes les requêtes AJAX pour inclure la logique sans cache dont nous venons de parler. Pour ce faire, utilisez la fonction ajaxSetup pour désactiver la mise en cache globalement.

$.ajaxSetup({
            cache: false // True by default. False means caching is off.
});
Copier après la connexion

Maintenant, afin de remplacer ce paramètre global par une requête XHR distincte, vous pouvez simplement suivre l'exemple de code qui exécute la requête XHR à l'aide de la fonction ajax() 函数时更改缓存选项即可。下面是使用 ajax(), qui remplacera le paramètre global et mettra en cache la requête.

$.ajaxSetup ({   
    cache: false // True by default. False means caching is off.   
});       
jQuery.ajax({ cache: true, url: 'some', type: 'POST' } );
Copier après la connexion

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Article chaud

<🎜>: Bubble Gum Simulator Infinity - Comment obtenir et utiliser les clés royales
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
<🎜>: Grow A Garden - Guide de mutation complet
3 Il y a quelques semaines By DDD
Nordhold: Système de fusion, expliqué
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Comment déverrouiller le grappin
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel Java
1676
14
Tutoriel PHP
1278
29
Tutoriel C#
1257
24
Comment se connecter aux informations utilisateur dans WordPress pour des résultats personnalisés Comment se connecter aux informations utilisateur dans WordPress pour des résultats personnalisés Apr 19, 2025 pm 11:57 PM

Récemment, nous vous avons montré comment créer une expérience personnalisée pour les utilisateurs en permettant aux utilisateurs d'enregistrer leurs publications préférées dans une bibliothèque personnalisée. Vous pouvez porter des résultats personnalisés à un autre niveau en utilisant leurs noms à certains endroits (c'est-à-dire des écrans de bienvenue). Heureusement, WordPress facilite l'obtention d'informations sur les utilisateurs connectés. Dans cet article, nous vous montrerons comment récupérer des informations liées à l'utilisateur actuellement connecté. Nous utiliserons le get_currentUserInfo ();  fonction. Cela peut être utilisé n'importe où dans le thème (en-tête, pied de page, barre latérale, modèle de page, etc.). Pour que cela fonctionne, l'utilisateur doit être connecté. Nous devons donc utiliser

Comment ajuster la liste d'articles WordPress Comment ajuster la liste d'articles WordPress Apr 20, 2025 am 10:48 AM

Il existe quatre façons d'ajuster la liste des articles WordPress: utilisez des options de thème, utilisez des plugins (tels que l'ordre des types de publication, la liste des publiques WP, des trucs boxy), utilisez du code (ajoutez des paramètres dans le fichier functions.php), ou modifiez directement la base de données WordPress.

Comment commencer un blog WordPress: un guide étape par étape pour les débutants Comment commencer un blog WordPress: un guide étape par étape pour les débutants Apr 17, 2025 am 08:25 AM

Les blogs sont la plate-forme idéale pour que les gens expriment leurs opinions, opinions et opinions en ligne. De nombreux débutants sont impatients de créer leur propre site Web, mais hésitent à s'inquiéter des obstacles techniques ou des problèmes de coûts. Cependant, comme la plate-forme continue d'évoluer pour répondre aux capacités et aux besoins des débutants, il commence maintenant à devenir plus facile que jamais. Cet article vous guidera étape par étape comment créer un blog WordPress, de la sélection de thème à l'utilisation des plugins pour améliorer la sécurité et les performances, vous aidant facilement à créer votre propre site Web. Choisissez un sujet et une direction de blog Avant d'acheter un nom de domaine ou d'enregistrer un hôte, il est préférable d'identifier les sujets que vous prévoyez de couvrir. Les sites Web personnels peuvent tourner autour des voyages, de la cuisine, des critiques de produits, de la musique ou de tout passe-temps qui suscite vos intérêts. Se concentrer sur les domaines qui vous intéressent vraiment peuvent encourager l'écriture continue

Comment afficher les catégories d'enfants sur la page des archives des catégories de parents Comment afficher les catégories d'enfants sur la page des archives des catégories de parents Apr 19, 2025 pm 11:54 PM

Voulez-vous savoir comment afficher les catégories d'enfants sur la page des archives de la catégorie parent? Lorsque vous personnalisez une page d'archive de classification, vous devrez peut-être le faire pour le rendre plus utile à vos visiteurs. Dans cet article, nous vous montrerons comment afficher facilement les catégories d'enfants sur la page des archives de la catégorie parent. Pourquoi les sous-catégories apparaissent-elles sur la page des archives de la catégorie des parents? En affichant toutes les catégories d'enfants sur la page des archives de la catégorie parent, vous pouvez les rendre moins génériques et plus utiles aux visiteurs. Par exemple, si vous exécutez un blog WordPress sur les livres et que vous avez une taxonomie appelée "thème", vous pouvez ajouter une sous-taxonomie telle que "roman", "non-fiction" afin que vos lecteurs puissent

Comment trier les messages par date d'expiration après WordPress Comment trier les messages par date d'expiration après WordPress Apr 19, 2025 pm 11:48 PM

Dans le passé, nous avons partagé comment utiliser le plugin PostExpirator pour expirer les publications dans WordPress. Eh bien, lors de la création du site Web de la liste d'activités, nous avons trouvé ce plugin très utile. Nous pouvons facilement supprimer les listes d'activités expirées. Deuxièmement, grâce à ce plugin, il est également très facile de trier les publications par date d'expiration du post. Dans cet article, nous vous montrerons comment trier les publications par date d'expiration post-expiration dans WordPress. Code mis à jour pour refléter les modifications du plugin pour modifier le nom du champ personnalisé. Merci Tajim de nous avoir fait savoir dans les commentaires. Dans notre projet spécifique, nous utilisons des événements comme types de publication personnalisés. Maintenant

Comment créer un site Web pour l'hôte WordPress Comment créer un site Web pour l'hôte WordPress Apr 20, 2025 am 11:12 AM

Pour créer un site Web à l'aide de WordPress Host, vous devez: sélectionner un fournisseur d'hébergement fiable. Acheter un nom de domaine. Configurez un compte d'hébergement WordPress. Sélectionnez un sujet. Ajoutez des pages et des articles. Installez le plug-in. Personnalisez votre site Web. Publiez votre site Web.

Comment automatiser WordPress et les médias sociaux avec IFTTT (et plus) Comment automatiser WordPress et les médias sociaux avec IFTTT (et plus) Apr 18, 2025 am 11:27 AM

Cherchez-vous des moyens d'automatiser votre site Web WordPress et vos comptes de médias sociaux? Avec l'automatisation, vous pourrez partager automatiquement vos articles de blog WordPress ou vos mises à jour sur Facebook, Twitter, LinkedIn, Instagram et plus encore. Dans cet article, nous vous montrerons comment automatiser facilement WordPress et les médias sociaux en utilisant IFTTT, Zapier et Uncanny Automator. Pourquoi automatiser WordPress et les médias sociaux? Automatiser votre wordpre

Comment importer le code source de WordPress Comment importer le code source de WordPress Apr 20, 2025 am 11:24 AM

L'importation du code source WordPress nécessite les étapes suivantes: Créer un sous-thème pour la modification du thème. Importez le code source et écrasez les fichiers dans le sous-sujet. Activez le sous-thème pour le rendre efficace. Testez les modifications pour vous assurer que tout fonctionne.

See all articles