Maison interface Web js tutoriel la requête asynchrone ajax de jquery reçoit et renvoie des données json instance_jquery

la requête asynchrone ajax de jquery reçoit et renvoie des données json instance_jquery

May 16, 2016 pm 04:44 PM
jquery

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 au format json Les deux peuvent.

L'exemple de code est le suivant :

Copier le code Le code est le suivant :

$('#send').cliquez (function ( ) {
$.ajax({
type : "GET",
url : "a.php",
dataType : "jsonp",
success : fonction (data ) {
             $.each(data.items, function (i, item) {
                                                                                                               appendTo("#resText");
                                                                                                                             }
});
}) ;



La méthode $.ajax est la suivante :

Copier le code

Le code est le suivant :$.ajax({ tapez : "POST",
url : ctxRoot 'FolderAction!saveInformSetting.action',
data : 'jsonStr=' inform_settingListStr,
dataType : "json",
complete : function(data){
/ /Faites quelque chose ici, en supposant que les données json renvoyées ont l'attribut name
//Parfois, vous pouvez accéder directement à data.name ou data['name']
//Mais parfois, vous devez passer var jsonData = eval("(" data.responseText ")"); est accessible via jsonData.name, et dans ce cas, il doit être complet au lieu de réussir
}
});
$ .ajax(options)



Il s'agit de la méthode JQuery Ajax la plus basique, avec une seule option de paramètre, qui contient des informations sur la requête 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 une 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 <img> correspondante doit être définie ici.

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

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Article chaud

Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD
Repo: Comment relancer ses coéquipiers
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide Feb 27, 2024 pm 06:45 PM

Explication détaillée des méthodes de référence jQuery : guide de démarrage rapide

Comment utiliser la méthode de requête PUT dans jQuery ? Comment utiliser la méthode de requête PUT dans jQuery ? Feb 28, 2024 pm 03:12 PM

Comment utiliser la méthode de requête PUT dans jQuery ?

Comment supprimer l'attribut height d'un élément avec jQuery ? Comment supprimer l'attribut height d'un élément avec jQuery ? Feb 28, 2024 am 08:39 AM

Comment supprimer l'attribut height d'un élément avec jQuery ?

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page Feb 28, 2024 pm 09:06 PM

Conseils jQuery : modifiez rapidement le texte de toutes les balises a de la page

Analyse approfondie : les avantages et les inconvénients de jQuery Analyse approfondie : les avantages et les inconvénients de jQuery Feb 27, 2024 pm 05:18 PM

Analyse approfondie : les avantages et les inconvénients de jQuery

Utilisez jQuery pour modifier le contenu textuel de toutes les balises Utilisez jQuery pour modifier le contenu textuel de toutes les balises Feb 28, 2024 pm 05:42 PM

Utilisez jQuery pour modifier le contenu textuel de toutes les balises

Comprendre le rôle et les scénarios d'application de eq dans jQuery Comprendre le rôle et les scénarios d'application de eq dans jQuery Feb 28, 2024 pm 01:15 PM

Comprendre le rôle et les scénarios d'application de eq dans jQuery

Comment savoir si un élément jQuery possède un attribut spécifique ? Comment savoir si un élément jQuery possède un attribut spécifique ? Feb 29, 2024 am 09:03 AM

Comment savoir si un élément jQuery possède un attribut spécifique ?

See all articles