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
Puis-je apprendre WordPress en 3 jours?Puis-je apprendre WordPress en 3 jours?Apr 09, 2025 am 12:16 AM

Peut apprendre WordPress dans les trois jours. 1. Master les connaissances de base, telles que les thèmes, les plug-ins, etc. 2. Comprenez les fonctions principales, y compris les principes d'installation et de travail. 3. Apprenez l'utilisation de base et avancée à travers des exemples. 4. Comprendre les techniques de débogage et les suggestions d'optimisation des performances.

WordPress est-il un CMS?WordPress est-il un CMS?Apr 08, 2025 am 12:02 AM

WordPress est un système de gestion de contenu (CMS). Il fournit une gestion de contenu, une gestion des utilisateurs, des thèmes et des capacités de plug-in pour prendre en charge la création et la gestion du contenu du site Web. Son principe de travail comprend la gestion des bases de données, les systèmes de modèles et l'architecture du plug-in, adaptés à une variété de besoins, des blogs aux sites Web d'entreprise.

À quoi sert WordPress?À quoi sert WordPress?Apr 07, 2025 am 12:06 AM

WordPressisGoodForvirontuallyAnyWebprojectDuetOtsSversatityAsacms.itexcelsin: 1) une convivialité, permettant à la manière

Dois-je utiliser Wix ou WordPress?Dois-je utiliser Wix ou WordPress?Apr 06, 2025 am 12:11 AM

Wix convient aux utilisateurs qui n'ont aucune expérience de programmation, et WordPress convient aux utilisateurs qui souhaitent plus de capacités de contrôle et d'extension. 1) Wix fournit des éditeurs de glisser-déposer et des modèles riches, ce qui facilite la création d'un site Web rapidement. 2) En tant que CMS open source, WordPress possède un énorme écosystème communautaire et plug-in, soutenant la personnalisation et l'expansion approfondies.

Combien coûte WordPress?Combien coûte WordPress?Apr 05, 2025 am 12:13 AM

WordPress lui-même est gratuit, mais il en coûte supplémentaire à utiliser: 1. WordPress.com propose un package allant du gratuit à payant, avec des prix allant de quelques dollars par mois à des dizaines de dollars; 2. WordPress.org nécessite l'achat d'un nom de domaine (10-20 dollars américains par an) et des services d'hébergement (5-50 dollars américains par mois); 3. La plupart des plug-ins sont gratuits, et le prix payant se situe entre des dizaines et des centaines de dollars; En choisissant le bon service d'hébergement, en utilisant des plug-ins et des thèmes raisonnablement, et en maintenant et en maintenant régulièrement, le coût de WordPress peut être efficacement contrôlé et optimisé.

WordPress est-il toujours gratuit?WordPress est-il toujours gratuit?Apr 04, 2025 am 12:06 AM

La version principale de WordPress est gratuite, mais d'autres frais peuvent être engagés pendant l'utilisation. 1. Les noms de domaine et les services d'hébergement nécessitent un paiement. 2. Des thèmes et des plug-ins avancés peuvent être facturés. 3. Les services professionnels et les fonctionnalités avancées peuvent être facturés.

WordPress est-il facile pour les débutants?WordPress est-il facile pour les débutants?Apr 03, 2025 am 12:02 AM

WordPress est facile pour les débutants de commencer. 1. Après se connecter à l'arrière-plan, l'interface utilisateur est intuitive et le tableau de bord simple fournit tous les liens de fonction nécessaires. 2. Les opérations de base incluent la création et l'édition de contenu. L'éditeur WYSIWYG simplifie la création de contenu. 3. Les débutants peuvent étendre les fonctions du site Web via des plug-ins et des thèmes, et la courbe d'apprentissage existe mais peut être maîtrisée par la pratique.

Pourquoi quelqu'un utiliserait-il WordPress?Pourquoi quelqu'un utiliserait-il WordPress?Apr 02, 2025 pm 02:57 PM

Les gens choisissent d'utiliser WordPress en raison de son pouvoir et de sa flexibilité. 1) WordPress est un CMS open source avec une forte facilité d'utilisation et une évolutivité, adaptée à divers besoins en site Web. 2) Il a des thèmes et des plugins riches, un énorme écosystème et un fort soutien communautaire. 3) Le principe de travail de WordPress est basé sur des thèmes, des plug-ins et des fonctions de base, et utilise PHP et MySQL pour traiter les données, et prend en charge l'optimisation des performances.

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

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques moisBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

VSCode Windows 64 bits Télécharger

VSCode Windows 64 bits Télécharger

Un éditeur IDE gratuit et puissant lancé par Microsoft

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

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