首頁 >web前端 >js教程 >Jquery AJAX POST與GET之間的差異_jquery

Jquery AJAX POST與GET之間的差異_jquery

WBOY
WBOY原創
2016-05-16 17:15:22811瀏覽

1:GET訪問瀏覽器認為是等冪的
就是一個相同的URL 只有一個結果[相同是指整個URL字串完全匹配]
所以第二次造訪的時候如果URL字串沒變化瀏覽器是直接拿出了第一次造訪的結果

POST則 認為是一個 變動性 存取 (瀏覽器 認為 POST的提交 必定是 有改變的)

防止 GET 的 等冪 存取 就在URL後面加上 ? new Date();,[總之就是使每次存取的URL字串不一樣的]

設計WEB頁面的時候 也應該遵守這個原則

2:一.談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"];

AJAX亂碼問題

產生亂碼的原因:
1、xtmlhttp 回傳的資料預設的字元編碼是utf-8,如果客戶端頁面是gb2312或其它編碼資料就會產生亂碼
2 、post方法提交資料預設的字元編碼是utf-8,如果伺服器端是gb2312或其他編碼資料就會產生亂碼

解決方法有:
1、若客戶端是gb2312編碼,則在伺服器指定輸出流編碼
2、伺服器端和客戶端都使用utf-8編碼

gb2312:header('Content-Type:text/html;charset=GB2312');

utf8:header('Content-Type:text/html;charset=utf-8');

注意:如果你已經按上面的方法做了,還是返回亂碼的話,檢查你的方式是否為get,對於get請求(或凡涉及到url傳遞參數的),被傳遞的參數都要先經encodeURIComponent方法處理.如果沒有用encodeURIComponent處理的話,也會產生亂碼.

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