Il existe plusieurs types de requêtes asynchrones jquery

Il existe 4 types de requêtes asynchrones jquery : 1. Requête Ajax, la syntaxe est "$.ajax({name:value,...})" 2. Requête Get, la syntaxe est "$.get(url) ; , paramètres passés, fonction de rappel, type)" ; 3. requête getJSON, prend en charge les appels inter-domaines ; 4. requête de publication.

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Il existe plusieurs types de requêtes asynchrones jquery

La première requête Ajax :

$.ajax() : est la méthode principale.

La méthode $.ajax() est un moyen puissant et direct de créer des requêtes Ajax. Un objet d'options lui est transmis en paramètre, et les propriétés de cet objet d'options configurent toutes les instructions nécessaires pour terminer la demande.

$.ajax() fournit des fonctions de rappel de réussite et d'échec.

Syntaxe :

$.ajax({name:value, name:value, … })

Enregistrer les données sur le serveur, afficher les informations en cas de succès

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

Commentaires :

type : (par défaut : "GET"), méthode de requête ("POST" ou "GET") les autres méthodes de requête sont uniquement prise en charge des appareils partiellement parcourus.

url : (Adresse de la page actuelle par défaut) L'adresse à laquelle envoyer la demande.

data : données stockées.

succès : Appelée après la requête, les données renvoyées et la chaîne contenant le code de réussite sont transférées.

Function() doit stocker les variables globales déclarées côté contrôleur

La deuxième requête $.get() :

Syntaxe :

$.get(url Address, paramètres passés par param, fonction de rappel, type de valeur de retour)

Remarque :

Paramètres : facultatif ;

Type de valeur de retour : le type peut être automatiquement mis en correspondance en fonction des données (peut généralement être omis)

(via HTTP distant Requête GET Chargement des informations. Il s'agit d'une simple fonction de requête GET pour remplacer le complexe $.ajax. Si vous devez exécuter la fonction en cas d'erreur, utilisez la valeur de retour $.ajax .php (HTML ou XML, selon la valeur de retour). .

Code jQuery :

$.get("test.php", function(data){
          alert("Data Loaded: " + data);
});

La troisième requête $.post() :

Syntaxe : $.post(adresse URL, paramètres passés par param, fonction de rappel, valeur de retour type)

Remarque :

Paramètre : facultatif ;

Type de valeur de retour : le type peut être automatiquement mis en correspondance en fonction des données (peut généralement être omis)

(Charger les informations via une requête HTTP POST à ​​distance)

Description :

Résultats de sortie de la page de requête test.php (HTML ou XML, selon ce qui est renvoyé) :

Code jQuery :

$.post("test.php", function(data){
          alert("Data Loaded: " + data);
          });

Quatrième requête $.getJSON() :

$ .getJSON() est spécialement configuré pour ajax afin d'obtenir des données json et prend en charge les appels inter-domaines. Remarque : JSON est un format de transmission de données idéal, il peut être bien intégré à JavaScript ou à d'autres langages hôtes, et peut être utilisé directement par JS.

Syntaxe :

$.getJSON (adresse URL, paramètre passé par param (facultatif), fonction de rappel)

(Charger les données JSON via une requête HTTP GET)

Code jQuery :

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format
=json&jsoncallback=?", function(data){
  $.each(data.items, function(i,item){
    $("<img / alt="Il existe plusieurs types de requêtes asynchrones jquery" >").attr("src", item.media.m).appendTo("#images");
    if ( i == 3 ) return false;
  });
});

Remarque :

$ Le . La requête getJSON() est différente des trois premières. Ce qui est renvoyé dans le contrôleur n'est pas du contenu mais du code au format JSON

Tutoriel vidéo jQuery

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!