Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser jquery pour implémenter une requête asynchrone ajax pour renvoyer les détails du code de données json

伊谢尔伦
Libérer: 2017-07-21 14:47:53
original
1783 Les gens l'ont consulté

La méthode de réception et de renvoi des données json asynchrones de Jquery est simple à configurer. L'une est que le gestionnaire de serveur renvoie les données json, et l'autre est que le type de données du paramètre d'envoi ajax est défini sur les données au format jsonp ou le format json. .

L'exemple de code est le suivant :

$('#send').click(function () {
    $.ajax({
        type : "GET",
        url : "a.php",
        dataType : "jsonp",
        success : function (data) {
            $.each(data.items, function (i, item) {
                $("<img class=&#39;para&#39;/> ").attr("src", item.media.m).appendTo("#resText");
                if (i == 3) {
                    return false;
                }
            });
        }
    });
});
Copier après la connexion

La méthode $.ajax est la suivante :

$.ajax({ 
   type: "POST",
   url:  ctxRoot+&#39;FolderAction!saveInformSetting.action&#39;,
   data: &#39;jsonStr=&#39; + inform_settingListStr,
   dataType: "json",
   complete: function(data){
       //在这里做些事情,假设返回的json数据里有name这个属性
       //有时候可以直接data.name或者data[&#39;name&#39;]去访问
       //但有时候,却要通过var jsonData = eval("("+data.responseText+")");才可以通过jsonData.name访问,而且这种情况下,需要是complete而不是success
   }
   });
$.ajax(options)
Copier après la connexion

Il s'agit de la méthode JQuery Ajax la plus basique, avec une seule option de paramètre, qui Les paramètres contiennent des informations de demande et des informations sur la fonction de rappel. Le contenu des paramètres se présente sous la forme de paires clé:valeur et ils sont tous facultatifs.

La syntaxe est la suivante :

$.ajax({options});
url : (string) L'adresse à laquelle envoyer la requête, qui peut être une page du serveur ou un Action WebService.
type : (string) méthode de requête, POST ou GET
data : (object) données apportées lors de l'envoi d'une requête au serveur. Il se présente sous la forme d'une paire clé:valeur, telle que : {name:"grayworm",sex:"male"}, s'il s'agit d'un tableau {works:["work1","work2"]}
dataType : (chaîne) retour attendu Type de données. xml, html, json, text, etc.
beforeSend : (Fonction) est déclenchée avant l'envoi d'une requête ajax. Si false est renvoyé, la requête sera annulée. Si la requête asynchrone doit afficher une animation gif, la visibilité de l'image correspondante doit être définie ici.

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal