2017-09-18
摘抄自W3school-jQuery - AJAX get() 和 post() 方法
希望幫助自己系統(tǒng)地打好基礎步清,也能在做筆記的同時添加一些自己額外的收獲。
jQuery get() 和 post() 方法用于通過 HTTP GET 或 POST 請求從服務器請求數(shù)據(jù)欢搜。
HTTP 請求:GET vs. POST
兩種在客戶端和服務器端進行請求-響應的常用方法是:GET 和 POST。
- GET - 從指定的資源請求數(shù)據(jù)
- POST - 向指定的資源提交要處理的數(shù)據(jù)
GET 基本上用于從服務器獲得(取回)數(shù)據(jù)撑毛。注釋:GET 方法可能返回緩存數(shù)據(jù)唧领。
POST 也可用于從服務器獲取數(shù)據(jù)。不過斩个,POST 方法不會緩存數(shù)據(jù),并且常用于連同請求一起發(fā)送數(shù)據(jù)做个。
jQuery $.get() 方法
$.get() 方法通過 HTTP GET 請求從服務器上請求數(shù)據(jù)滚局。
語法:
$.get(URL,callback);
必需的 URL 參數(shù)規(guī)定您希望請求的 URL。
可選的 callback 參數(shù)是請求成功后所執(zhí)行的函數(shù)名太闺。
下面的例子使用 $.get() 方法從服務器上的一個文件中取回數(shù)據(jù):
$("button").click(function(){
$.get("demo_test.asp",function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
$.get() 的第一個參數(shù)是我們希望請求的 URL("demo_test.asp")嘁圈。
第二個參數(shù)是回調(diào)函數(shù)。第一個回調(diào)參數(shù)存有被請求頁面的內(nèi)容最住,第二個回調(diào)參數(shù)存有請求的狀態(tài)涨缚。
提示:這個 ASP 文件 ("demo_test.asp") 類似這樣:
<%
response.write("This is some text from an external ASP file.")
%>
jQuery $.post() 方法
$.post() 方法通過 HTTP POST 請求從服務器上請求數(shù)據(jù)。
語法:
$.post(URL,data,callback);
必需的 URL 參數(shù)規(guī)定您希望請求的 URL仗岖。
可選的 data 參數(shù)規(guī)定連同請求發(fā)送的數(shù)據(jù)。
可選的 callback 參數(shù)是請求成功后所執(zhí)行的函數(shù)名揽祥。
下面的例子使用 $.post() 連同請求一起發(fā)送數(shù)據(jù):
$("button").click(function(){
$.post("demo_test_post.asp",
{
name:"Donald Duck",
city:"Duckburg"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});
$.post() 的第一個參數(shù)是我們希望請求的 URL ("demo_test_post.asp")檩电。
然后我們連同請求(name 和 city)一起發(fā)送數(shù)據(jù)府树。
"demo_test_post.asp" 中的 ASP 腳本讀取這些參數(shù)料按,對它們進行處理,然后返回結(jié)果垄潮。
第三個參數(shù)是回調(diào)函數(shù)闷盔。第一個回調(diào)參數(shù)存有被請求頁面的內(nèi)容弯洗,而第二個參數(shù)存有請求的狀態(tài)牡整。
提示:這個 ASP 文件 ("demo_test_post.asp") 類似這樣:
<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>