Ajax中的get和post兩種請求方式的異同

Ajax中咱們常常用到get和post請求.那麼何時用get請求,何時用post方式請求呢? 在作回答前咱們首先要了解get和post的區別.

一、 get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個字段一一對應，在URL中能夠看到。post是經過HTTP post機制，將表單內各個字段與其內容放置在HTML HEADER內一塊兒傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。

二、 對於get方式，服務器端用Request.QueryString獲取變量的值，對於post方式，服務器端用Request.Form獲取提交的數據。兩種方式的參數均可以用Request來得到。

三、get傳送的數據量較小，不能大於2KB。post傳送的數據量較大，通常被默認爲不受限制。但理論上，因服務器的不一樣而異.

四、get安全性很是低，post安全性較高。

五、 <form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是同樣的，也就是說，method爲get時action頁面後邊帶的參數列表會被忽視；而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不同的。

另外
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-Alive

username=%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);