jQuery中g(shù)et和post方法傳值測(cè)試及注意事項(xiàng)
用 jQuery 的都知道,jQuery 的 get 和 post 方法有三個(gè)參數(shù):地址,數(shù)據(jù) 和回調(diào)函數(shù),但我們知道地址也可以跟隨數(shù)據(jù)的(形如:get_data.php?v1=1&v2=2),而且第二個(gè)參數(shù)可以省略,即第二個(gè)參數(shù)可 以直接寫回調(diào)函數(shù),那么數(shù)據(jù)寫在地址后面和寫在 data 參數(shù)里有什么區(qū)別呢?
剛剛做了幾個(gè)實(shí)驗(yàn),看看下面的代碼就清楚了:
以下內(nèi)容需要回復(fù)才能看到
jquery_data.php
echo "post: "; print_r($_POST); echo "get: "; print_r($_GET); ?>
jquery_test.html
實(shí)驗(yàn)1:
$(function() { // post 方法,兩處都有數(shù)據(jù) $.post('jquery_data.php?v1=1', {v2: 2}, function(data) { $(' ').append(data).appendTo('body'); }); });
返回結(jié)果:
post: Array ( [v2] => 2 ) get: Array ( [v1] => 1 )
實(shí)驗(yàn)2:
$(function() { // post 方法,數(shù)據(jù)在地址后面, 第二個(gè)參數(shù)為回調(diào)函數(shù) $.post('jquery_data.php?v1=1', function(data) { $('<pre/>').append(data).appendTo('body'); }); });
返回結(jié)果,數(shù)據(jù)在 get 中:
post: Array ( ) get: Array ( [v1] => 1 )
實(shí)驗(yàn)3:
$(function() { // get 方法,用 data 參數(shù)傳值 $.get('jquery_data.php', {v2: 2}, function(data) { $('<pre/>').append(data).appendTo('body'); }); });
返回結(jié)果,數(shù)據(jù)在 get 中:
post: Array ( ) get: Array ( [v2] => 2 )
實(shí)驗(yàn)4:
$(function() { // get 方法,兩處都有數(shù)據(jù) $.get('jquery_data.php?v1=1', {v2: 2}, function(data) { $('<pre/>').append(data).appendTo('body'); }); });
返回結(jié)果,兩處數(shù)據(jù)被合并了,都在 get 中:
post: Array ( ) get: Array ( [v1] => 1 [v2] => 2 )
實(shí)驗(yàn)5:
$(function() { // get 方法,兩處都有數(shù)據(jù),且變量名相同 $.get('jquery_data.php?v2=1', {v2: 2}, function(data) { $('<pre/>').append(data).appendTo('body'); }); });
返回結(jié)果,數(shù)據(jù)在 get 中,且 data 參數(shù)中的數(shù)據(jù)覆蓋了地址后面的數(shù)據(jù):
post: Array ( ) get: Array ( [v2] => 2 )
通過這幾個(gè)簡(jiǎn)單的小例子不難看出,地址后面的數(shù)據(jù)永遠(yuǎn)是以 get 形式傳遞的,無論使用的是 get 方法還是 post 方法;而 data 參數(shù)中的數(shù)據(jù)是根據(jù)方法決定傳遞方式的。
因此,為了避免混淆,建議大家盡量不要把數(shù)據(jù)寫在地址后面,而是統(tǒng)一放在 data 參數(shù)中。
當(dāng)然,如果你想在用 post 方法時(shí),同時(shí)利用 get 傳值,那么就可以把要以 get 方式傳遞的數(shù)據(jù)寫在地址后面,把要以 post 方式傳遞的數(shù)據(jù)寫在 data 參數(shù)中。
總之方法是死的,人是活的,怎么用還要看實(shí)際情況。子曾經(jīng)曰過:實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。沒事做做實(shí)驗(yàn),掌握知識(shí)更牢固。
- jQuery中通過ajax的get()函數(shù)讀取頁面的方法
- jQuery中ajax - get() 方法實(shí)例詳解
- Jquery中ajax提交表單幾種方法(get、post兩種方法)
- jQuery使用$.get()方法從服務(wù)器文件載入數(shù)據(jù)實(shí)例
- jQuery通過控制節(jié)點(diǎn)實(shí)現(xiàn)僅在前臺(tái)通過get方法完成參數(shù)傳遞
- jQuery中Ajax的get、post等方法詳解
- JQuery.get提交頁面不跳轉(zhuǎn)的解決方法
- jQuery中g(shù)et()方法用法實(shí)例
- jQuery中ajax的get()方法用法實(shí)例
- jquery中g(shù)et,post和ajax方法的使用小結(jié)
- 快速解決jquery之get緩存問題的最簡(jiǎn)單方法介紹
- jQuery中g(shù)et方法用法分析
相關(guān)文章
Jquery的基本對(duì)象轉(zhuǎn)換和文檔加載用法實(shí)例
這篇文章主要介紹了Jquery的基本對(duì)象轉(zhuǎn)換和文檔加載用法,實(shí)例分析了Jquery的基本對(duì)象轉(zhuǎn)換及文檔加載使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02jQuery中on綁定事件后引發(fā)的事件冒泡問題如何解決
這篇文章主要介紹了jQuery中on綁定事件后引發(fā)的事件冒泡問題及解決辦法,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-05-05jquery 讀取頁面load get post ajax 四種方式代碼寫法
jquery 讀取頁面load get post ajax 四種方式代碼寫法,學(xué)習(xí)jquery的朋友可以參考下。2011-04-04jQuery實(shí)現(xiàn)通過方向鍵控制div塊上下左右移動(dòng)的方法【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)通過方向鍵控制div塊上下左右移動(dòng)的方法,涉及jQuery結(jié)合鍵盤事件響應(yīng)動(dòng)態(tài)修改頁面元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼,需要的朋友可以參考下2014-02-02使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)簡(jiǎn)單穿梭框方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10