1. 程式人生 > >ajax中get與post請求的區別

ajax中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 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">是不一樣的。

二、談Ajax的Get和Post的區別

 1.Get方式
用get方式可傳送簡單資料,但大小一般限制在1KB下,資料追加到url中傳送(http的header傳送),也就是說,瀏覽器將各個表單欄位元素及其資料按照URL引數的格式附加在請求行中的資源路徑後面。另外最重要的一點是,它會被客戶端的瀏覽器快取起來,那麼,別人就可以從瀏覽器的歷史記錄中,讀取到此客戶的資料,比如帳號和密碼等。因此,在某些情況下,get方法會帶來嚴重的安全性問題。

Ajax傳送請求:如果是get請求send(引數)引數:必須是null或xhr.send();

    get請求就不必要設定 xhr.setRequestHeader(header,value)

備註:如果xhr.send(引數);引數不為空情況下,在某些瀏覽器中會自動轉換成post請求方式 您可以通過request.getMethod();方法獲取請求的方式

例項:

function getAjax(){

//獲取xhr物件

var xhr = getXhr();

   //規定請求型別

xhr.open("get","main.jsp?username=123",true);

//傳送請求

xhr.send();

//處理伺服器響應事件

xhr.onreadystatechange = function (){

//判讀是否處理完畢 與判讀伺服器是否處理成功!

if(xhr.readyState==4 && xhr.status==200){

    alert(xhr.responseText);

}

}

          }

}

使用get方式需要注意
      (1)對於get請求(或凡涉及到url傳遞引數的),被傳遞的引數都要先經(預編碼處理)encodeURIComponent方法處理.例:var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent(content)+"&id=1" ;

2.Post方式:      當使用POST方式時,瀏覽器把各表單欄位元素及其資料作為HTTP訊息      的實體內容傳送給Web伺服器,而不是作為URL地址的引數進行傳遞,使用  POST方式傳遞的資料量要比使用GET方式傳送的資料量大的多

傳送請求:如果是post請求send(引數)引數:引數可以是null或者

            xhr.send()|send(帶有引數的)post請求在傳遞值的情況下必須 設定          xhr.setRequestHeader(header,value)

例項:

functionpostAjax(){

//獲取xhr物件

var xhr = getXhr();

//規定請求型別

xhr.open("post","main.jsp",true);

                xhr.setRequestHeader("Content-Type",

"application/x-www-form-urlencoded")

//傳送引數

xhr.send("username=345&pass=123");

//相應事件處理

xhr.onreadystatechange = function (){

//判讀是否處理完畢 與判讀伺服器是否處理成功!

if(xhr.readyState==4 && xhr.status==200){

    alert(xhr.responseText);

}

}

}

使用Post方式需注意:      (1).設定header的Context-Type為application/x-www-form-

urlencode確保伺服器知道實體中有引數變數.通常使用XmlHttpRequest物件的

SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")。例:

xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
              (2).引數是名/值一一對應的鍵值對,每對值用&號隔開.如 var name=abc&sex=man

&age=18 注意var name=update.php?abc&sex=man&age=18以及var name=?abc&sex=man

&age=18的寫法都是錯誤的;
              (3).引數在Send(引數)方法中傳送,例: xhr.send(name); 如果是  get  方    式,直接 xmlHttp.send(null);

(4).伺服器端請求引數區分Get與Post。如果是get方式則$username =               $_GET["username"]; 如果是post方式,則$username =                                      $_POST["username"];

總之,GET方式傳送資料量小,處理效率高,安全性低,會被快取,而POST反之。