Explication détaillée de l'utilisation des méthodes get et post dans jquery.ajax()-js tutoriel-php.cn

Explication détaillée de l'utilisation des méthodes get et post dans jquery.ajax()

伊谢尔伦

Libérer： 2017-06-19 10:19:39

original

1778 Les gens l'ont consulté

1. $.get() demande des données au serveur via une requête HTTP GET.

Structure grammaticale :

$.get(url, [data], [callback], [type]);

Copier après la connexion

Analyse des paramètres :

1.URL : Obligatoire, précise l'URL demandée.
2.data : Facultatif, paramètres clé/valeur à envoyer.
3.callback : Facultatif, la fonction de rappel exécutée une fois la requête réussie.
4.type : facultatif, renvoie le format du contenu, xml, html, script, json, texte, _default.

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
  $("#bt").click(function(){
    $.get("mytest/demo/antzone.txt",function(data,status){
      alert("Data:"+data+"\nStatus:"+status);
    })
  })
})
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>

Copier après la connexion

2. La méthode $.post() demande des données au serveur via HTTP Requête POST.

Structure grammaticale :

$.post(URL,data,callback);

Copier après la connexion

Analyse des paramètres :

1.URL : Obligatoire, précise l'URL demandée.
2.data : Facultatif, précise les données à envoyer avec la requête.
3.callback : facultatif, spécifie le nom de la fonction à exécuter une fois la requête réussie.

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php.cn</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
  $("#bt").click(function(){
    $.post("mytest/demo/antzone.html",function(data,status){
      alert("Data:"+data+"\nStatus:"+status);
    })
  })
})
</script>
</head>
<body>
<input type="button" value="查看效果" id="bt"/>
</body>
</html>

Copier après la connexion

Il s'agit d'une simple fonction de requête POST pour remplacer le complexe $.ajax. La fonction de rappel peut être appelée lorsque la requête réussit. Si vous devez exécuter une fonction en cas d'erreur, utilisez $.ajax.

$.post(
  &#39;http://www.php.cn/ajax.php&#39;,
  {Action:"post",Name:"lulu"},
  function(data,textStatus){
    //data可以是xmlDoc,jsonObj,html,text,等等.
    //this;//这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this
    alert(data.result);
  },
  "json"//这里设置了请求的返回格式为"json"
);

Copier après la connexion

Si vous définissez le format de la requête sur "json" et que vous ne définissez pas le ContentType renvoyé par Response sur : Response.ContentType = "application/json" alors vous ne pourrez pas capturer le données renvoyées.

Notez que dans l'exemple ci-dessus alert(data.result); puisque l'en-tête Accept est défini sur "json", les données renvoyées ici sont un objet, il n'est donc pas nécessaire d'utiliser eval( ) pour le convertir en objet.

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!