méthode de l'outil jquery ajax

jQuery Ajax Tool Methods

jQuery est une bibliothèque JavaScript très populaire qui fournit de nombreuses méthodes d'outils utiles pour le développement Web. La méthode la plus couramment utilisée est la méthode utilitaire jQuery Ajax. Avec jQuery Ajax, nous pouvons facilement effectuer des appels AJAX et mettre à jour le contenu Web sans actualiser la page.

Cet article présentera les méthodes de l'outil jQuery Ajax, notamment ajax, get, post, getJSON, ajaxSetup, ajaxSend, ajaxSuccess, ajaxError et d'autres méthodes. Ces méthodes peuvent vous aider à implémenter facilement les fonctionnalités AJAX pour améliorer l'interactivité et les performances de votre site Web.

1. méthode ajax

La méthode ajax de jQuery est la méthode d'appel AJAX la plus basique. Il vous permet d'obtenir des données du serveur de manière asynchrone et de mettre à jour le contenu d'une page Web sans actualiser la page. La syntaxe de base de la méthode ajax est la suivante :

$.ajax({
url : 'ajax.php',
type : 'POST',
données : {nom : 'John', âge : 30},
succès : fonction(données) {

// 处理成功的数据

},
erreur : fonction(jqXHR, textStatus, errorThrown) {#🎜🎜 #

// 处理错误

}

});

Le paramètre url spécifie l'URL à demander, le type spécifie la méthode de requête (GET ou POST) et le Le paramètre data est la requête AJAX envoyée aux données du serveur, success est la fonction appelée lorsque la requête réussit et error est la fonction appelée lorsque la requête échoue. Dans la fonction de réussite, vous pouvez traiter les données renvoyées par le serveur et mettre à jour le contenu de la page Web.

get méthode

get méthode est la méthode la plus simple utilisée pour demander des données au serveur. Sa syntaxe est la suivante :

$.get(url, [data], [success]);

où url est l'URL à demander et les données sont facultatives pour send Pour les données envoyées au serveur, success est la fonction de rappel appelée une fois la requête réussie.

Voici un exemple qui montre comment utiliser la méthode get pour obtenir des données du serveur :

$.get("ajax.php", {name: "John ", age : 30}, function(data){

// Données traitées avec succès
});

Dans cet exemple, nous avons envoyé une requête get au serveur et l'avons transmise Nom et âge comme paramètres. Une fois la requête réussie, une fonction de rappel est appelée, dans laquelle les données renvoyées par le serveur peuvent être traitées.

post méthode

La méthode post est similaire à la méthode get et est utilisée pour envoyer des données au serveur. Sa syntaxe est la suivante :

$.post(url, [data], [success]);

où url est l'URL à demander et les données sont facultatives pour send Pour les données envoyées au serveur, success est la fonction de rappel appelée une fois la requête réussie.

Ce qui suit est un exemple qui montre comment utiliser la méthode post pour envoyer des données au serveur :

$.post("ajax.php", {name: " John", âge : 30}, fonction(données){

// Données traitées avec succès
});

Dans cet exemple, nous avons envoyé une demande de publication au serveur et passé Nom et âge comme paramètres. Une fois la requête réussie, une fonction de rappel est appelée, dans laquelle les données renvoyées par le serveur peuvent être traitées.

méthode getJSON

getJSON est utilisée pour obtenir des données au format JSON depuis le serveur. Sa syntaxe est la suivante :

$.getJSON(url, [data], [success]);

où url est l'URL à demander et les données sont facultatives pour send Pour les données envoyées au serveur, success est la fonction de rappel appelée une fois la requête réussie.

Ce qui suit est un exemple qui montre comment utiliser la méthode getJSON pour obtenir des données au format JSON à partir du serveur :

$.getJSON("ajax.php", {name : "John" , age : 30}, function(data){

// Données traitées avec succès
});

Dans cet exemple, nous avons envoyé une requête getJSON au serveur et a transmis le nom et l'âge en paramètres. Après une requête réussie, une fonction de rappel est appelée où les données JSON renvoyées par le serveur peuvent être traitées.

méthode ajaxSetup

La méthode ajaxSetup peut définir les options globales par défaut d'AJAX. Ces options seront utilisées pour toutes les requêtes AJAX. La syntaxe d'ajaxSetup est la suivante :

$.ajaxSetup(options);

où options est un objet contenant les options par défaut d'AJAX.

Voici un exemple qui montre comment utiliser ajaxSetup pour définir les options par défaut d'AJAX :

$.ajaxSetup({

tapez : "POST",#🎜🎜 # dataType : "json"
});

Dans cet exemple, nous définissons les options par défaut AJAX, définissons le type de toutes les requêtes AJAX sur POST et définissons le type de données sur JSON.

Méthode ajaxSend

6. La méthode ajaxSend est utilisée pour la fonction de rappel qui est appelée avant l'envoi de la requête AJAX. Sa syntaxe est la suivante :

$(document).ajaxSend(function(event, jqXHR, ajaxOptions){

// Code exécuté avant l'envoi de la requête AJAX

}) ;

Dans cet exemple, nous exécuterons une fonction de rappel avant l'envoi de la requête AJAX.

Méthode ajaxSuccess

7. La méthode ajaxSuccess est utilisée pour la fonction de rappel qui est appelée une fois la requête AJAX réussie. Sa syntaxe est la suivante :

$(document).ajaxSuccess(function(event, xhr, settings){

// Code exécuté après la réussite de la requête AJAX

}) ;

Dans cet exemple, nous exécuterons une fonction de rappel une fois la requête AJAX réussie.

ajaxError, méthode

8. ajaxError est utilisée pour la fonction de rappel appelée après l'échec de la requête AJAX. Sa syntaxe est la suivante :

$(document).ajaxError(function(event, xhr, settings, errorThrown){
// Code exécuté après l'échec de la requête AJAX
});

Dans cet exemple, nous exécuterons après l'échec de la requête AJAX Une fonction de rappel .

Résumé

La méthode de l'outil Ajax de jQuery est très pratique, nous permettant de réaliser facilement des appels AJAX et de mettre à jour le contenu Web sans actualiser la page. Cet article présente les méthodes courantes des méthodes de l'outil jQuery Ajax, notamment ajax, get, post, getJSON, ajaxSetup, ajaxSend, ajaxSuccess, ajaxError et d'autres méthodes. J'espère que cet article sera utile pour votre développement Web.

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!