jQuery - Méthodes AJAX get()/post()
jQuery - Méthodes AJAX get() et post()
Les méthodes jQuery get() et post() sont utilisées pour HTTP GET ou Les requêtes POST demandent des données au serveur.
Requête HTTP : GET vs. POST
Les deux requêtes sont effectuées côté client et côté serveur -Les méthodes de réponse courantes sont : GET et POST.
GET - Demander des données à la ressource spécifiée
POST - Soumettre les données à traiter à la ressource spécifiée
GET est essentiellement utilisé pour obtenir (récupérer) des données du serveur. Remarque : La méthode GET peut renvoyer des données mises en cache.
POST peut également être utilisé pour obtenir des données du serveur. Cependant, la méthode POST ne met pas en cache les données et est souvent utilisée pour envoyer des données avec la requête.
Pour en savoir plus sur GET et POST et les différences entre les deux méthodes, lisez nos Méthodes HTTP - GET vs. POST.
Méthode jQuery $.get()
$ La méthode .get() demande des données au serveur via une requête HTTP GET.
Syntaxe :
Les paramètres d'URL requis précisent l'URL que vous souhaitez demander.
Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois la requête réussie.
L'exemple suivant utilise la méthode $.get() pour récupérer les données d'un fichier sur le serveur :
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.get("/try/ajax/demo_test.php",function(data,status){
alert("数据: " + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP GET 请求并获取返回结果</button>
</body>
</html>Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
Le premier paramètre de $.get() est l'URL que nous souhaitons demander ( "demo_test.php").
Le deuxième paramètre est la fonction de rappel. Le premier paramètre de rappel stocke le contenu de la page demandée et le deuxième paramètre de rappel stocke l'état de la demande.
Astuce : Ce fichier PHP ("demo_test.php") est similaire à ceci :
echo 'Il s'agit de données lues à partir du fichier PHP. ';
?>
Méthode jQuery $.post()
$.post() La méthode demande des données au serveur via une requête HTTP POST.
Syntaxe :
Les paramètres d'URL requis spécifient l'URL que vous souhaitez demander.
Le paramètre facultatif data spécifie les données à envoyer avec la requête.
Le paramètre de rappel facultatif est le nom de la fonction à exécuter une fois la requête réussie.
L'exemple suivant utilise $.post() pour envoyer des données avec la requête :
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("/try/ajax/demo_test_post.php",{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
</body>
</html>En cours d'exécution Instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Le premier paramètre de $.post() est l'URL que nous souhaitons demander ("demo_test_post.php").
Ensuite, nous envoyons les données avec la demande (nom et ville).
Le script PHP dans "demo_test_post.php" lit ces paramètres, les traite et renvoie les résultats.
Le troisième paramètre est la fonction de rappel. Le premier paramètre de rappel stocke le contenu de la page demandée, tandis que le deuxième paramètre stocke l'état de la demande.
Astuce : Ce fichier PHP ("demo_test_post.php") est similaire à celui-ci :
$name = isset($_POST['name' ]) ? htmlspecialchars($_POST['nom']) : '';
$city = isset($_POST['url']) : '';
echo 'Nom du site : ' .$name;
echo "n";
echo 'Adresse URL : ' .$city;
?>
