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

來源：懂視網責編：小采時間：2020-11-27 20:19:33

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

jquery.ajax()中的get方法和post方法用法詳解:1. $.get()通過 HTTP GET請求從服務器上請求數據。語法結構:$.get(url, [data], [callback], [type]);參數解析:1.URL:必須，規定請求的URL。2.data:可選，待發送 Key/value 參數。3.callback:可選，請求成功后所執行的回調函數。4.type

推薦度：

點擊下載本文 文檔為doc格式

導讀jquery.ajax()中的get方法和post方法用法詳解:1. $.get()通過 HTTP GET請求從服務器上請求數據。語法結構:$.get(url, [data], [callback], [type]);參數解析:1.URL:必須，規定請求的URL。2.data:可選，待發送 Key/value 參數。3.callback:可選，請求成功后所執行的回調函數。4.type

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.gxlcms.com/" />
<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.gxlcms.com/" />
<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.gxlcms.com/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()來轉換為對象。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法的方法 ge

熱門焦點

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

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

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

最新推薦

猜你喜歡

熱門推薦