suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung der get-Methode und der post-Methode in jquery.ajax()

Detaillierte Erläuterung der Verwendung der get-Methode und der post-Methode in jquery.ajax()

伊谢尔伦
伊谢尔伦Original
2017-06-19 10:19:391773Durchsuche

1. $.get() fordert Daten vom Server über eine HTTP-GET-Anfrage an.

Grammatikstruktur: 

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

Parameteranalyse:

1.URL: Erforderlich, gibt die angeforderte URL an.
2.Daten: Optional, zu sendende Schlüssel-/Wertparameter.
3.Rückruf: Optional wird die Rückruffunktion ausgeführt, nachdem die Anfrage erfolgreich war.
4.Typ: Optional, Inhaltsformat zurückgeben, XML, HTML, Skript, JSON, Text, _default.

Codebeispiel:

<!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>

2. Die Methode $.post() fordert Daten vom Server über eine HTTP-POST-Anfrage an.

Grammatikstruktur: 

$.post(URL,data,callback);

Parameteranalyse:

1.URL: Erforderlich, gibt die angeforderte URL an.
2.data: Optional, gibt die Daten an, die mit der Anfrage gesendet werden sollen.
3.Rückruf: Optional, gibt den Funktionsnamen an, der nach erfolgreicher Anforderung ausgeführt werden soll.

Codebeispiel:

<!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>

Dies ist eine einfache POST-Anfragefunktion zum Ersetzen der komplexen $.ajax. Die Rückruffunktion kann aufgerufen werden, wenn die Anfrage erfolgreich ist. Wenn Sie eine Funktion im Fehlerfall ausführen müssen, verwenden Sie $.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"
);

Wenn Sie das Anforderungsformat auf „json“ festlegen und den von Response zurückgegebenen ContentType nicht auf „Response.ContentType = „application/json““ festlegen, können Sie das nicht erfassen zurückgegebene Daten.

Beachten Sie, dass im obigen Beispiel warning(data.result); die hier zurückgegebenen Daten ein Objekt sind, da der Accept-Header auf „json“ gesetzt ist, sodass keine Notwendigkeit besteht, eval( ), um es in ein Objekt umzuwandeln.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung der get-Methode und der post-Methode in jquery.ajax(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung verschiedener Parameter von Ajax in JQueryNächster Artikel：Detaillierte Erläuterung verschiedener Parameter von Ajax in JQuery

In Verbindung stehende Artikel

Mehr sehen