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

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

伊谢尔伦
伊谢尔伦original
2017-07-21 14:47:531732parcourir

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

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)

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 a1f02c36ba31691bcfe87b2722de723b 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!

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