La méthode
load() est généralement utilisée pour obtenir des fichiers de données statiques à partir du serveur Web, mais cela ne reflète pas toute la valeur d'ajax.
Dans le projet, si vous devez passer certains paramètres à la page sur le serveur, vous pouvez utiliser la méthode $.get() ou $.post() (ou la méthode $.ajax())
Méthode $.get() Utilise la méthode GET pour effectuer des requêtes asynchrones. La structure est : $.get(url [, data] [, callback] [, type])
Les paramètres de la méthode $.get() sont expliqués comme suit :
Nom du paramètre | Tapez | Description |
url | Chaîne | L'adresse URL de la page HTML demandée |
données (facultatif) | Objet | Les données clé/valeur envoyées au serveur seront ajoutées à l'URL de la requête sous la forme QueryString |
rappel (facultatif) | Fonction | La fonction de rappel est appelée lorsque le chargement est réussi (cette méthode n'est appelée que lorsque le statut de retour de la réponse est réussi) et le résultat et le statut de la demande sont automatiquement transmis à cette méthode |
tapez (facultatif) | Chaîne | Le format du contenu renvoyé par le serveur, notamment xml, html, script, json, text et _default |
Méthode $.post().
La structure et l'utilisation des méthodes $.post() et $.get() sont les mêmes, mais il existe toujours les différences suivantes entre elles :
La requête GET transmettra les paramètres après l'URL, tandis que la requête POST sera envoyée au serveur Web en tant que contenu d'entité du message HTTP.
La méthode GET a une limite de taille sur les données transmises (généralement pas plus de 2 Ko), tandis que la quantité de données transmises à l'aide de la méthode POST est beaucoup plus grande que la méthode GET (théoriquement non limitée)
Les données demandées par la méthode GET seront mises en cache par le navigateur, afin que d'autres puissent lire les données de l'historique du navigateur, telles que le numéro de compte et le mot de passe. Dans certains cas, la méthode GET posera de sérieux problèmes de sécurité, alors que la méthode POST peut relativement éviter ces problèmes
Les données transférées par la méthode GET et la méthode POST sont obtenues différemment côté serveur.
$.getScript() : jQuery fournit cette méthode pour charger directement les fichiers js, ce qui est aussi simple et pratique que le chargement d'un fragment HTML, et ne nécessite pas de traitement de fichiers JavaScript, les fichiers JavaScript seront exécuté automatiquement.
Le code jQuery est le suivant :
Comme les autres méthodes ajax, la méthode $.getScript() dispose également d'une fonction de rappel, qui s'exécutera une fois le chargement réussi du fichier JavaScript.
Par exemple : si vous souhaitez charger le plug-in d'animation de couleurs officiel jQuery (jquery.color.js) et lier l'animation de changement de couleur à l'élément après succès :
$.getJson() : Cette méthode est utilisée pour charger des fichiers JSON, et son utilisation est la même que $.getScript().
Remarque :
jQuery remplacera automatiquement la fonction de rappel dans l'URL, comme le dernier "?" dans "url?callback=?", par le nom de fonction correct pour exécuter la fonction de rappel.
JSONP (JSON with Padding) est un protocole non officiel qui permet d'intégrer des balises de script côté serveur et de les renvoyer au client, obtenant ainsi un accès inter-domaines via le rappel JavaScript. Étant donné que JSON n'est qu'un texte brut avec une simple structure entre crochets, de nombreux canaux peuvent échanger des messages JSON. En raison des restrictions de la même politique d'origine, les développeurs ne peuvent pas utiliser XMLHttpRequest lors de la communication avec des serveurs externes. JSONP est une méthode qui peut contourner la même stratégie d'origine, c'est-à-dire en utilisant une combinaison de balises JSON et