Jquery AJAX POST與GET之間的區(qū)別詳細(xì)介紹
1:GET訪問 瀏覽器 認(rèn)為 是等冪的
就是 一個(gè)相同的URL 只有一個(gè)結(jié)果[相同是指 整個(gè)URL字符串完全匹配]
所以 第二次訪問的時(shí)候 如果 URL字符串沒變化 瀏覽器是 直接拿出了第一次訪問的結(jié)果
POST則 認(rèn)為是一個(gè) 變動(dòng)性 訪問 (瀏覽器 認(rèn)為 POST的提交 必定是 有改變的)
防止 GET 的 等冪 訪問 就在URL后面加上 ?+new Date();,[總之就是使每次訪問的URL字符串不一樣的]
設(shè)計(jì)WEB頁面的時(shí)候 也應(yīng)該遵守這個(gè)原則
2:一.談Ajax的Get和Post的區(qū)別
Get方式:
用get方式可傳送簡單數(shù)據(jù),但大小一般限制在1KB下,數(shù)據(jù)追加到url中發(fā)送(http的header傳送),也就是說,瀏覽器將各個(gè)表單字段元素及其數(shù)據(jù)按照URL參數(shù)的格式附加在請(qǐng)求行中的資源路徑后面。另外最重要的一點(diǎn)是,它會(huì)被客戶端的瀏覽器緩存起來,那么,別人就可以從瀏覽器的歷史記錄中,讀取到此客戶的數(shù)據(jù),比如帳號(hào)和密碼等。因此,在某些情況下,get方法會(huì)帶來嚴(yán)重的安全性問題。
Post方式:
當(dāng)使用POST方式時(shí),瀏覽器把各表單字段元素及其數(shù)據(jù)作為HTTP消息的實(shí)體內(nèi)容發(fā)送給Web服務(wù)器,而不是作為URL地址的參數(shù)進(jìn)行傳遞,使用POST方式傳遞的數(shù)據(jù)量要比使用GET方式傳送的數(shù)據(jù)量大的多。
總之,GET方式傳送數(shù)據(jù)量小,處理效率高,安全性低,會(huì)被緩存,而POST反之。
使用get方式需要注意:
1 對(duì)于get請(qǐng)求(或凡涉及到url傳遞參數(shù)的),被傳遞的參數(shù)都要先經(jīng)encodeURIComponent方法處理.例:var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent
(content)+"&id=1" ;
使用Post方式需注意:
1.設(shè)置header的Context-Type為application/x-www-form-urlencode確保服務(wù)器知道實(shí)體中有參數(shù)變量. 通常使用XmlHttpRequest對(duì)象的SetRequestHeader("Context-Type","application/x-www- form-urlencoded;")。
例:xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
2.參數(shù)是名/值一一對(duì)應(yīng)的鍵值對(duì),每對(duì)值用&號(hào)隔開.如 var name=abc&sex=man&age=18,注意var name=update.php?
abc&sex=man&age=18以及var name=?abc&sex=man&age=18的寫法都是錯(cuò)誤的;
3.參數(shù)在Send(參數(shù))方法中發(fā)送,例: xmlHttp.send(name); 如果是get方式,直接 xmlHttp.send(null);
4.服務(wù)器端請(qǐng)求參數(shù)區(qū)分Get與Post。如果是get方式則$username = $_GET["username"]; 如果是post方式,則$username = $_POST["username"];
AJAX亂碼問題
產(chǎn)生亂碼的原因:
1、xtmlhttp 返回的數(shù)據(jù)默認(rèn)的字符編碼是utf-8,如果客戶端頁面是gb2312或者其它編碼數(shù)據(jù)就會(huì)產(chǎn)生亂碼
2、post方法提交數(shù)據(jù)默認(rèn)的字符編碼是utf-8,如果服務(wù)器端是gb2312或其他編碼數(shù)據(jù)就會(huì)產(chǎn)生亂碼
解決辦法有:
1、若客戶端是gb2312編碼,則在服務(wù)器指定輸出流編碼
2、服務(wù)器端和客戶端都使用utf-8編碼
gb2312:header('Content-Type:text/html;charset=GB2312');
utf8:header('Content-Type:text/html;charset=utf-8');
注意:如果你已經(jīng)按上面的方法做了,還是返回亂碼的話,檢查你的方式是否為get,對(duì)于get請(qǐng)求(或凡涉及到url傳遞參數(shù)的),被傳遞的參數(shù)都要先經(jīng) encodeURIComponent方法處理.如果沒有用encodeURIComponent處理的話,也會(huì)產(chǎn)生亂碼.
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
- Jquery AJAX POST與GET之間的區(qū)別
- jQuery監(jiān)聽文件上傳實(shí)現(xiàn)進(jìn)度條效果的方法
- jquery+thinkphp實(shí)現(xiàn)跨域抓取數(shù)據(jù)的方法
- jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
- jQuery progressbar通過Ajax請(qǐng)求實(shí)現(xiàn)后臺(tái)進(jìn)度實(shí)時(shí)功能
- jQuery繼承extend用法詳解
- 淺談jquery中使用canvas的問題
- a標(biāo)簽跳轉(zhuǎn)到指定div,jquery添加和移除class屬性的實(shí)現(xiàn)方法
- jQuery驗(yàn)證手機(jī)號(hào)郵箱身份證的正則表達(dá)式(含港澳臺(tái))
相關(guān)文章
jQuery實(shí)現(xiàn)優(yōu)雅的彈窗效果(6)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)優(yōu)雅彈窗效果 的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)出現(xiàn)隱藏層文字鏈接的方法,涉及jQuery鼠標(biāo)hover事件的響應(yīng)及頁面元素的動(dòng)態(tài)處理技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
jQuery實(shí)現(xiàn)信息提示框(帶有圓角框與動(dòng)畫)效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)信息提示框效果,帶有圓角框與動(dòng)畫功能,點(diǎn)擊上面按鈕實(shí)現(xiàn)對(duì)應(yīng)文字的漸變顯示效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
淺談jQuery中對(duì)象遍歷.eq().first().last().slice()方法
本文給大家分析了jQuery中的對(duì)象遍歷.eq().first().last().slice()方法的使用,以及他們之間的區(qū)別,jQuery源碼中的使用。2014-11-11
淺析JQuery UI Dialog的樣式設(shè)置問題
本篇文章主要是對(duì)JQuery中UI Dialog的樣式設(shè)置問題進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12

