jQuery中g(shù)et和post方法傳值測試及注意事項(xiàng)
用 jQuery 的都知道，jQuery 的 get 和 post 方法有三個參數(shù)：地址，數(shù)據(jù) 和回調(diào)函數(shù)，但我們知道地址也可以跟隨數(shù)據(jù)的（形如：get_data.php?v1=1&v2=2），而且第二個參數(shù)可以省略，即第二個參數(shù)可 以直接寫回調(diào)函數(shù)，那么數(shù)據(jù)寫在地址后面和寫在 data 參數(shù)里有什么區(qū)別呢？
剛剛做了幾個實(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ù)在地址后面， 第二個參數(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 )
通過這幾個簡單的小例子不難看出，地址后面的數(shù)據(jù)永遠(yuǎn)是以 get 形式傳遞的，無論使用的是 get 方法還是 post 方法；而 data 參數(shù)中的數(shù)據(jù)是根據(jù)方法決定傳遞方式的。
因此，為了避免混淆，建議大家盡量不要把數(shù)據(jù)寫在地址后面，而是統(tǒng)一放在 data 參數(shù)中。
當(dāng)然，如果你想在用 post 方法時，同時利用 get 傳值，那么就可以把要以 get 方式傳遞的數(shù)據(jù)寫在地址后面，把要以 post 方式傳遞的數(shù)據(jù)寫在 data 參數(shù)中。
總之方法是死的，人是活的，怎么用還要看實(shí)際情況。子曾經(jīng)曰過：實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。沒事做做實(shí)驗(yàn)，掌握知識更牢固。
- 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)僅在前臺通過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緩存問題的最簡單方法介紹
- jQuery中g(shù)et方法用法分析
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jquery點(diǎn)擊展示與隱藏更多內(nèi)容的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
jQuery源碼分析-04 選擇器-Sizzle-工作原理分析
在分析Sizzle源碼之前，先整理一下選擇器的工作原理，先明確一些選擇器中用到的名詞，后邊閱讀時不會有歧義2011-11-11
這篇文章主要介紹了jQuery切換所有復(fù)選框選中狀態(tài)的方法,可實(shí)現(xiàn)批量切換復(fù)選框選中狀態(tài)的功能,需要的朋友可以參考下2015-07-07
推薦6款基于jQuery實(shí)現(xiàn)圖片效果插件
這里給大家匯總了一下個人比較常用的基于jQuery實(shí)現(xiàn)的圖片特效的插件，個人感覺非常不錯，這里分享給大家2014-12-12
jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法
下面小編就為大家分享一篇jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象,Map()方法詳解以及數(shù)組中查詢某值是否存在
今天小編就為大家分享一篇關(guān)于Jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對象|Map()方法詳解以及數(shù)組中查詢某值是否存在，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
jQuery是用來干什么的 jquery其實(shí)就是一個js框架
jQuery是一bai個簡潔而快速的JavaScript庫，可用于du簡化zhi事件處理，HTML文檔遍歷，Ajax交互和dao動畫，以更快速開發(fā)網(wǎng)站2021-02-02
jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)的Banner廣告收縮效果代碼,可實(shí)現(xiàn)點(diǎn)擊按鈕收縮與展開廣告圖片的功能,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了使用jQuery實(shí)現(xiàn)自定義下拉列表的方法及代碼分享，效果非常不錯，兼容性也很棒，這里推薦給小伙伴們。2015-01-01
jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)可以計(jì)算進(jìn)制轉(zhuǎn)換的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10