jquery.ajax()中的get方法和post方法用法詳解
- 伊谢尔伦原創
- 2017-06-19 10:19:391779瀏覽
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(
'http://www.php.cn/ajax.php',
{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