recherche
MaisonTutoriel CMSWordPresseGuide simplifié jQuery : Explorer jQuery et Ajax

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&tagmode=all&format=json&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  / alt="Guide simplifié jQuery : Explorer jQuery et Ajax" >').attr("src", item.media.m).appendTo('body'); if (i == 30) return false; });
          });
  })(jQuery); </script>
</body>
</html>

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

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

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

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
Dans quelle mesure WordPress est-il évolutif en tant que CMS pour les grands sites Web?Dans quelle mesure WordPress est-il évolutif en tant que CMS pour les grands sites Web?May 12, 2025 am 12:08 AM

WordPressCanHandleLargewebsiteswithCarefulPlanningandoptimization.1) UseCachingToreduceServer.2) optimiseryourdatabaseragular.

À quel point WordPress est-il personnalisable, vraiment?À quel point WordPress est-il personnalisable, vraiment?May 11, 2025 am 12:11 AM

WordPress est très personnalisé, offrant une large gamme de flexibilité et de personnalisation. 1) Grâce à l'écosystème du thème et du plug-in, 2) Utilisez Restapi pour le développement frontal, 3) des modifications de niveau de code approfondies, les utilisateurs peuvent obtenir une expérience hautement personnalisée. Cependant, la personnalisation nécessite des technologies de maîtrise telles que PHP, JavaScript, CSS, etc., et prêtent attention à l'optimisation des performances et à la sélection du plug-in pour éviter les problèmes potentiels.

Quelles sont les caractéristiques de base de WordPress en tant que CMS?Quelles sont les caractéristiques de base de WordPress en tant que CMS?May 10, 2025 am 12:15 AM

WordPressisanExCellentChoiceforaCmsDuetOtsUser-FriendlyInterface, ExtensiveCosystem, Seocapabilités, Scvelability et AndSupportiveCommunity.1) ItsitevevevedAshboardMakesContentManaineSyForalLusers.2)

Est-il facile de gérer le contenu avec WordPress?Est-il facile de gérer le contenu avec WordPress?May 09, 2025 am 12:11 AM

WordPressisUser-FriendlyDuetoitsIntiveIlterfaceAndcms, qui se maîtrise le contient de la conception.

Comment WordPress est-il utilisé dans les paramètres commerciaux?Comment WordPress est-il utilisé dans les paramètres commerciaux?May 08, 2025 am 12:04 AM

WordPressissuitableForBusinessSettings.1) ITSUPPORTSE-COMMERCEWITHPLUGINSLILLWOOCOMMERCE, permettant à ProDuctManagement et à la procédure de procédure.2) ITSASASACMSFORCORCATEBLOGS, EnhancingSeoAndrenging.3) CustomationSposibleswithNumereyThesandPlugins.4)

Quels types de sites Web ne conviennent pas à WordPress?Quels types de sites Web ne conviennent pas à WordPress?May 07, 2025 am 12:10 AM

WordPressisNoDidealforHigh-TrafficWebsites, CustomAndComplexapplications, Security-SensitiveApplications, Real-Timedataprocessing, andghlycustomalizeseUserInterfaces.ForHigh-Trafficsites, USENEXT.jsorcustomsolutions; ForComplexapplications, OptfordjangoorRrubbrub

Pouvez-vous créer un blog avec WordPress?Pouvez-vous créer un blog avec WordPress?May 06, 2025 am 12:03 AM

Yes,youcanbuildablogwithWordPress.1)ChoosebetweenWordPress.comforbeginnersorWordPress.orgformorecontrol.2)Selectathemetopersonalizeyourblog'slook.3)Usepluginstoenhancefunctionality,likeSEOandsocialmediaintegration.4)Customizeyourthemewithsimplecodetw

Dans quelle mesure WordPress est-il sécurisé en tant que plate-forme CMS?Dans quelle mesure WordPress est-il sécurisé en tant que plate-forme CMS?May 05, 2025 am 12:01 AM

WordPressCanBeSeCureIfManagedProperly.1) KeepThewordPressCoreupdatedTopatchVulnerabilities.2) vetandupdatepluginsandthemesfromreputablesources.3) EFORCESTRONGPASSWORDSANDUSETWO-FACTORAUTHENTICTION.4) EDO

See all articles

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
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Nordhold: Système de fusion, expliqué
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Comment déverrouiller le grappin
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

SublimeText3 version anglaise

SublimeText3 version anglaise

Recommandé : version Win, prend en charge les invites de code !

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

DVWA

DVWA

Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

Version crackée d'EditPlus en chinois

Version crackée d'EditPlus en chinois

Petite taille, coloration syntaxique, ne prend pas en charge la fonction d'invite de code