首頁 > 文章 > web前端 > jquery.ajax()中的get方法和post方法用法詳解

jquery.ajax()中的get方法和post方法用法詳解

伊谢尔伦原創: 2017-06-19 10:19:391744瀏覽

1. $.get()透過 HTTP GET請求從伺服器上請求資料。

語法結構:

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

參數解析:

1.URL:必須，規定請求的URL。
2.data:可選，待傳送 Key/value 參數。
3.callback:可選，請求成功後所執行的回呼函數。
4.type:可選，回傳內容格式，xml, html, script, json, text, _default。

程式碼實例:

<!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. $.post() 方法透過HTTP POST請求從伺服器上請求資料。

語法結構:

$.post(URL,data,callback);

參數解析:

1.URL:必須，規定請求的URL。
2.data:可選，規定連同請求發送的資料。
3.callback:可選，規定請求成功後所執行的函數名稱。

程式碼實例:

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

這是一個簡單的 POST 請求功能以取代複雜 $.ajax ，請求成功時可呼叫回調函數。如果需要在出錯時執行函數，請使用 $.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"
);

如果你設定了請求的格式為"json"，此時你沒有設定Response回來的ContentType 為：Response.ContentType = "application/json"; 那麼你將無法捕捉到傳回的資料。

注意，上面的範例中alert(data.result); 由於設定了Accept封包頭為"json"，這裡傳回的data就是一個對象，因此不需要用eval()來轉換為對象。

以上是jquery.ajax()中的get方法和post方法用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：jquery中ajax的各種參數詳解下一篇：jquery中ajax的各種參數詳解

看更多