- Ajax中我們經常用到get和post請求.那麼什麼時候用get請求,什麼時候用post方式請求呢? 在做回答前我們首先要瞭解get和post的區別.
-
- 1、 get 是把參數資料隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。post是通過HTTP post機 制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。使用者看不到這個過程。
-
- 2、 對於get方式，伺服器端用Request.QueryString擷取變數的值，對於post方式，伺服器端用Request.Form擷取提交的資料。兩種方式的參數都可以用Request來獲得。
-
- 3、get傳送的資料量較小，不能大於2KB。post傳送的資料量較大，一般被預設為不受限制。但理論上，因伺服器的不同而異.
-
- 4、get安全性非常低，post安全性較高。
-
- 5、 <form action="a.asp?b=b" method="get">跟<form action="a.asp" method="get">是一樣的，也就是說，action頁面後邊帶的參數列表會被忽視；而<form action="a.asp?b=b" method="post">跟<form action="a.asp" method="post">是不一樣的。
-
- 另外
- Get請求有如下特性：它會將資料添加到URL中，通過這種方式傳遞到伺服器，通常利用一個問號？代表URL地址的結尾與資料參數的開端，後面的參數每一個資料參數以“名稱=值”的形式出現，參數與參數之間利用一個串連符&來區分。
- Post請求有如下特性：資料是放在HTTP主體中的，其組織方式不只一種，有&串連方式，也有分割符方式，可隱藏參數，傳遞大批資料，比較方便。
-
- 通過以上的說明,現在我們大致瞭解了什麼時候用get什麼時候用post方式了吧,對!當我們在提交表單的時候我們通常用post方式,當我們要傳送一個 較大的資料檔案時,需要用post。當傳遞的值只需用參數方式(這個值不大於2KB)的時候,用get方式即可。
-
- 現在我們再看看通過URL發送請求時，get方式和post方式的區別。用下面的例子可以很容易的看到同樣的資料通過GET和POST來發送的區別, 發送的資料是 username=張三 :
GET 方式, 瀏覽器鍵入 http://localhost?username=張三
GET /?username=%E5%BC%A0%E4%B8%89 HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Connection: Keep-Alive |
POST 方式:
POST / HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Accept-Language: zh-cn
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; .NET CLR 1.1.4322)
Host: localhost
Content-Length: 28
Connection: Keep-Aliveusername=%E5%BC%A0%E4%B8%89 |
區別就是一個在 URL 請求裡面附帶了表單參數和值, 一個是在 HTTP 要求的訊息實體中。 - 比較一下上面的兩段文字, 我們會發現 GET 方式把表單內容放在前面的要求標頭中, 而 POST 則把這些內容放在請求的主體中了, 同時 POST 中把請求的 Content-Type 頭設定為 application/x-www-form-urlencoded. 而發送的本文都 是一樣的, 可以這樣來構造一個表單提交本文:
- encodeURIComponent(arg1)=encodeURIComponent(value1)&encodeURIComponent(arg2)=encodeURIComponent(value2)&.....
-
- 注: encodeURIComponent 返回一個包含了 charstring 內容的新的 String 對象（Unicode 格式）， 所有空 格、標點、重音符號以及其他非 ASCII 字元都用 %xx 編碼代替，其中 xx 等於表示該字元的十六進位數。 例如，空格返回的是 "%20" 。 字元的值大於 255 的用 %uxxxx 格式儲存。參見 JavaScript 的 encodeURIComponent() 方法.
-
- 在瞭解了上面的內容後我們現在用ajax的XMLHttpRequest對象向伺服器分別用GET和POST方式發送一些資料。
-
- GET 方式
- var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
- xmlhttp.open("GET", "somepage" + "?" + postContent, true);
- xmlhttp.send(null);
-
-
- POST 方式
-
- var postContent ="name=" + encodeURIComponent("xiaocheng") + "&email=" + encodeURIComponent("xiaochengf_21@yahoo.com.cn");
- xmlhttp.open("POST", "somepage", true);
- xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
- //xmlhttp.setRequestHeader("Content-Type", "text/xml"); //如果發送的是一個xml檔案
- xmlhttp.send(postContent);
|
