Méthode jQuery ajax()

Méthodes Ajax jQuery

$ .ajax() pour exécuter des demandes HTTP (Ajax) asynchrones.

$ .ajax() est la méthode de base pour toutes les demandes Ajax envoyées par jQuery. Il n'est généralement pas nécessaire de appeler cette méthode directement, car il est possible d'utiliser$ .get(),$ .post()etload()et plusieurs méthodes plus avancées, qui sont plus faciles à utiliser. Cependant, si moins d'options courantes sont nécessaires, $ .ajax() peut être utilisé de manière plus flexible.

Syntaxe :

Syntaxe une:1.5+Version:

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

Syntaxe deux :1.0+Version :

$.ajax(name:value, name:value, ...)

Exemple

UtiliserAjouterde la demande AJAXVersionModifier le texte de l'élément DIV:1.5Version:

$.ajax("ajax_intro.txt", {success: function(response){
　　$("div").html(response);
});

UtiliserAjouterde la demande AJAXVersionModifier le texte de l'élément DIV:1.0Version :

$.ajax({
　　url: "ajax_intro.txt",
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Demander la page ajax_get.php et envoyer d'autres données :

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　$("div").html(response);
　　}
});

Demander la page ajax_get.php, envoyer d'autres données et afficher un message d'alerte d'état :

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response, status){
　　　　　　　　$("div").html(response);
　　　　　　　　alert(status);
　　}
});

Utiliser la méthode HTTP POST pour demander la page ajax_post.php :

$.ajax({
　　url: "ajax_post.php",
　　method: "POST",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Utiliser un réglage asynchrone pour spécifier une demande synchrone :

$.ajax({
　　url: "ajax_get.php",
　　async: false,
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

Utiliser dataType pour spécifier le type de données de la demande :

$.ajax({
　　url: ""/javascript/myscript.js",
　　dataType: "script"
});

Si la demande Ajax rencontre une erreur, afficher une notification :

$.ajax({
　　url: "wrong_file.html",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　},
　　error: function(xhr){
　　　　　　　　$("div").html("Erreur : "　+　xhr.status　+　" "　+　xhr.statusText);
　　}
});

Demander un fichier et informer l'utilisateur à la fin de la tâche. Si la demande échoue, afficher un message de notification :

let request = $.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull", lname:"Anna"}
});
request.done(function(msg){
　　$("div").html(msg);
});
request.fail(function(xhr, textStatus){
　　$("div").html("Request failed: ")　+　textStatus);
});

Valeur du paramètre

Définissez un ou plusieurs paires name:value pour la requête AJAX.

Noms possibles : les valeurs du tableau suivant :

$.ajax({
　　statusCode:{
　　　　404:function()
　　　　　　alert('Page introuvable');
　　　　}
　　}
)

Méthodes Ajax jQuery