淺談ajax中的GET和POST

 

Get方式:
   用get方式可傳送簡單數據，但大小通常限制在1KB下，數據追加到url中發送（http的header傳送），也就是說，瀏覽器將各個表單字段元素及其數據按照URL參數的格式附加在請求行中的資源路徑後面。另外最重要的一點是，它會被客戶端的瀏覽器緩存起來，那麼，別人就能夠從瀏覽器的歷史記錄中，讀取到此客戶的數據，好比賬號和密碼等。所以，在某些狀況下，get方法會帶來嚴重的安全性問題。

   Post方式:
   當使用POST方式時，瀏覽器把各表單字段元素及其數據做爲HTTP消息的實體內容發送給Web服務器，而不是做爲URL地址的參數進行傳遞，使用POST方式傳遞的數據量要比使用GET方式傳送的數據量大的多。

 

   總之，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"];

 

 Post和Get 方法有以下區別: 
1.Post傳輸數據時，不須要在URL中顯示出來，而Get方法要在URL中顯示。 
2.Post傳輸的數據量大，能夠達到2M，而Get方法因爲受到URL長度的限制,只能傳遞大約1024字節. 
3.Post顧名思義,就是爲了將數據傳送到服務器段,Get就是爲了從服務器段取得數據.而Get之因此也能傳送數據,只是用來設計告訴服務器,你到底須要什麼樣的數據.Post的信息做爲http請求的內容，而Get是在Http頭部傳輸的。

get 方法用Request.QueryString["strName"]接收
post 方法用Request.Form["strName"] 接收

注意：
      雖然兩種提交方式能夠統一用Request("strName")來獲取提交數據，可是這樣對程序效率有影響，不推薦使用。
     通常來講，儘可能避免使用Get方式提交表單，由於有可能會致使安全問題

本身實際項目所應用到的模板，下面分別是GET和 POST

ajax中GET模板整理

appcan.ajax({
//url : baseUrl + 'sumec/applyId?applyUser=' + localStorage.getItem('user_id')+'&moduleId=' + localStorage.getItem('moduleId'),
url:baseUrl + 'sumec/applyId?applyUser=' + user_id + '&moduleId=1',
type : 'GET',
data : '',
contentType : 'application/json',
dataType : 'json',
timeout : 5000,
success : function(data) {
if (data.status != '0') {
appcan.window.openToast('申請流水號失敗', 2000);
console.error('res error');
} else {
applyId = data.applyId;
console.log(applyId);
}
}
});

備註：

1，url須要url:baseUrl + 'sumec/applyId?applyUser=' + user_id + '&moduleId=1',

ajax中POST模板整理

appcan.request.ajax({
type: 'POST',
url: baseUrl + 'sumec/flow',
data: formDat,
contentType: 'application/json',
dataType: 'json',
success : function(data) {
console.log(data);
if (data.status != '0') {
appcan.window.openToast('該流程提交失敗', 2000);
console.error('res error');
} else {

}
}
});

備註：

1，url的處理 baseUrl + 'sumec/flow',   只須要寫好路徑