Discussion :

[clairetj]

Bonjour à toutes et tous,

Je suis en train de commencer à utiliser jQuery et pour un projet j'ai eu besoin d'envoyer une requête AJAX en utilisant jQuery. Je suis tombé sur votre page de FAQ à ce sujet (http://javascript.developpez.com/faq...ax#AjaxRequest) mais j'ai aussi fais d'autres recherches et j'ai trouvé un solution d'écriture de requête AJAX utilisant jQuery très simple d'utilisation et qui n'est pas présenté dans la réponse de la FAQ. Je souhaite donc vous soumettre la solution que j'ai trouvé et voir s'il est possible de l'ajouter à la réponse de la FAQ.

La solution que j'ai utilisé est l'utilisation de la méthode jQuery.ajax() (dont voici la documentation officiel)

voici comment elle se structure:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
jQuery.ajax(
{
     async: ,                                     //Défini si la requête est synchrone ou asynchrone
     url: ,                                         //URL de la page ciblé
     type: ,                                      //Type de requête
    data: ,                                      //Ici on ne veut pas passé de données lors de la requête, le champ data est donc mis en commentaire
    dataType: '',                              //Format des données que l'on va recevoir (Text, HTML, XML, JSON)
    success : function(code_html, statut, xhr)     //Si l'appel AJAX a abouti alors on fait la fonction définie dans le champ success
    {
 
    },
    error: function(resultat, statut, erreur)      //Si l'appel AJAX a échoué alors on fait la fonction définie dans le champ error
    {
 
    },
    complete: function(resultat, statut)           //Dès que l'appel AJAX a été effectué, on fait la fonction définie dans le champ complete
   {
 
    }
});

on défini différents paramètres:
async: vaut soit true soit false pour définir si la requête est synchrone ou asynchrone. Par défaut async est a true (on est pas obligé de mettre ce paramètre si l'on veut une requête asynchrone)
url: on indique ici l'adresse URL de la cible de notre requête AJAX
type: on indique ici le type de notre requête: soit GET soit POST
data: on indique ici les données que l'on souhaite faire passer (si on a besoin d'envoyer des données, sinon on n'est pas obligé de mettre ce paramètre)
datatype: on indique ici le format de la réponse que l'on va obtenir: on a le choix entre Text, HTML, XML, et JSON

et enfin on a:
-succes qui va lancer une fonction en cas de succès de la requête
-error qui va lancer une fonction en cas d'échec
-complete qui va lance rune fonction qui la requête AJAX a été accompli


Voici donc la solution que j'utilise et que je trouve beaucoup plus simple a comprendre pour quelqu'un qui n'avait jamais eu à faire de requête AJAX avant.
C'est pourquoi je vous soumets donc cette solution pour pouvoir l'ajouter à la réponse de la FAQ

[vermine]

Salut clairetj,

Merci pour la proposition. Nous allons l'examiner. Il est possible que quelqu'un en parle déjà sur son sous-domaine developpez.com car normalement nous sommes censés mettre la FAQ à jour mais... ça demande du temps.

[danielhagnoul]

Dans ma FAQ jQuery, voir : Comment dois-je formuler une requête AJAX ?

Comme je le dis ce Q/R :

• Les méthodes $.get(), $.post(), $.getJSON(), $.getScript() et $(selector).load() exécutent la majorité des transactions AJAX dont vous aurez besoin.
• Les méthodes ci-dessus suffiront dans la majorité des cas. Pour des cas particuliers, les initiés utiliseront $.ajax() et en cas de besoin, ils pourront même modifier le protocole AJAX de jQuery.

Je fais du jQuery depuis plus de 7 ans et je n'ai jamais eu besoin d'utiliser $.ajax().

Tout le monde peut participer, il y a de la place pour un Q/R sur $.ajax(). Mais je pense qu'il faut commencer par reprendre le contenu de la documentation jQuery et donner un exemple non trivial pour justifier son usage.

[SylvainPV]

Je fais du jQuery depuis plus de 7 ans et je n'ai jamais eu besoin d'utiliser $.ajax().

Ah ben t'as jamais fait de requêtes PUT ou DELETE en AJAX avec jQuery alors

Ça a du sens de parler d'abord de $.ajax avant de mentionner les helpers $.get et $.post (qui appellent $.ajax derrière)

Mais il faudrait compléter le code de clairetj, notamment dans les valeurs attendues, pour en faire un exemple utilisable tel quel.

[danielhagnoul]

Jamais utilisé, en effet. Les modifications apportées aux bases de données sont toujours décidées indirectement, selon le résultat du traitement des informations envoyées (get, post) par le client.