首頁  >  文章  >  後端開發  >  Ajax中get方法與post方法的區別

Ajax中get方法與post方法的區別

巴扎黑
巴扎黑原創
2016-12-01 11:45:051758瀏覽

一、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.

是一樣的,也就是說,method為get時action頁面後邊帶的參數清單會被忽略;而
是不一樣的。

二、談Ajax的Get和Post的區別

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

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

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

(參數);參數不為空情況下,會自動轉換成post請求方式 您可以透過request.getMethod();方法取得請求的方式

實例:

function getAjax(){ 
     //获取xhr对象
     var xhr = getXhr();
        //规定请求类型     
     xhr.open("get","main.jsp?username=123",true);
     xhr.onreadystatechange = function (){
          //判读是否处理完毕
          if(xhr.readyState==4){
               //判读服务器是否处理成功!
              if(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 伺服器的實體內容傳送給WebWeb伺服器,而不是網路伺服器作為URL位址的參數傳遞,使用 POST方式傳遞的資料量要比使用GET方式傳送的資料量大的多

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

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

實例:

function postAjax(){ 
     //获取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){
               //判读服务器是否处理成功!
              if(xhr.status==200){
                  alert(xhr.responseText);
              }
          }
                } 
}

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

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

   SetRequestHeader("Context-Type","application/ ;")。例:

   xmlHttp.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

的3).參數在Send(參數)方法中傳送,例: xmlHttp.send(name); 如果是 get 方 式,則直接 xmlHttp.send(null);

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

 安全性低,會被緩存,而POST反之。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn