Méthode jQuery load()

Méthodes Ajax de jQuery

La méthode load() charge des données du serveur et place le HTML retourné dans l'élément sélectionné.

La méthode load() est la méthode la plus simple pour obtenir des données du serveur. Elle est approximativement équivalente à $ .get(url, data, callback), sauf qu'elle est une méthode et non une fonction globale, et a un callback implicite..

Méthode de requête :Si vous avezdataFourni sous forme d'objet, utilisez la méthode POST. Sinon, elle est supposée être GET.

Syntaxe :

(selector).load(URL, data, callback)

Exemple

Chargez le contenu du fichier ajax_intro.txt dans l'élément DIV :

$("button").click(function(){
　　$("div").load("ajax_intro.txt");
});

Contrairement à $ .get(), la méthode load() nous permet de spécifier une partie du document distant à insérer :

$("button").click(function(){
　　$("div").load("/jquery/ajax_load.html #table");
});

Chargez la page ajax_post.php et envoyez d'autres données :

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("div").load("ajax_post.php", data);
});

Chargez la page ajax_post.php, envoyez d'autres données et affichez un message d'état d'alerte :

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("div").load("ajax_post.php", data, function(response, status){
　　　　alert(status);
　　});
});

Si la requête Ajax rencontre une erreur, affichez une notification :

$("button").click(function(){
　　let data = {fname:"Seagull", lname:"Anna"};
　　$("#success").load("wrong_file.php", data, function(response, status, xhr){
　　　　if(status　==　"error"){
　　　　　　let　msg　=　"Désolé, une erreur s'est produite:　";
　　　　　　$("#error").html(msg　+　xhr.status　+　"　"　+　xhr.statusText);
　　　　}
　　});
});

Valeur du paramètre

Méthodes Ajax de jQuery