Ajax中Get和Post的區別

談Ajax的Get

和Post

的區別

   Get

方式:

   用get

方式可傳送簡單資料，但大小一般限制在1KB下，資料追加到url中發送（http的header傳送），也就是說，瀏覽器將

各個表單欄位元素及其資料按照URL參數的格式附加在請求行中的資源路徑後面。另外最重要的一點是，它會被用戶端的瀏

覽器緩衝起來，那麼，別人就可以從瀏覽器的記錄中，讀取到此客戶的資料，比如帳號和密碼等。因此，在某些情況

下，get

方法會帶來嚴重的安全性問題。

執行個體：

//GET提交<br />var postContent =<br />"name=" + encodeURIComponent("Buford Early") + "&email=" + encodeURIComponent("buford@known-space.com");<br />//參數附在URL後面<br />var url = "www,baidu.com";<br />xmlhttp.open("GET", url + "?" + postContent, true);<br />xmlhttp.send(null);

   Post

方式:

   當使用POST

方式時，瀏覽器把各表單欄位元素及其資料作為HTTP訊息的實體內容發送給Web伺服器，而不是作為URL地址的

參數進行傳遞，使用POST

方式傳遞的資料量要比使用GET

方式傳送的資料量大的多。

執行個體：

//POST提交<br />var postContent =<br />"name=" + encodeURIComponent("Buford Early") + "&email=" + encodeURIComponent("buford@known-space.com");<br />var url = "www.baidu.com";<br />xmlhttp.open("POST", "somepage", true);<br />xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");<br />//表單資訊在send中發送<br />xmlhttp.send(postContent);

   總之，GET

方式傳送資料量小，處理效率高，安全性低，會被緩衝，而POST

反之。

 

使用get

方式需要注意：

1 對於get

請
求（或凡涉及到url傳遞參數的），被傳遞的參數都要先經encodeURIComponent方法處理.例：var url =
"update.php?username=" +encodeURIComponent(username) + "&content="
+encodeURIComponent

(content)+"&id=1" ;

使用Post

方式需注意：

1.設定header的Context-Type為application/x-www-form-urlencode確保伺服器知道實體中有參數變數.通常使用

XmlHttpRequest對象的SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")。例：

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&age=18的寫法都是錯誤的;

3.參數在Send(參數)方法中發送,例： xmlHttp.send(name); 如果是get

方式，直接 xmlHttp.send(null);

4.伺服器端請求參數區分Get

與Post

。如果是get

方式則$username = $_GET["username"]; 如果是post

方式，則$username

= $_POST["username"];