DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery中get和post方法教程傳值測試及注意事項
jQuery中get和post方法教程傳值測試及注意事項
編輯:JQuery特效代碼     

用 jQuery 的都知道,jQuery 的 get 和 post 方法有三個參數:地址,數據 和回調函數,但我們知道地址也可以跟隨數據的(形如:get_data.php?v1=1&v2=2),而且第二個參數可以省略,即第二個參數可 以直接寫回調函數,那麼數據寫在地址後面和寫在 data 參數裡有什麼區別呢?
剛剛做了幾個實驗,看看下面的代碼就清楚了:
以下內容需要回復才能看到

jquery_data.php

echo "post: ";
print_r($_POST);
echo "get: ";
print_r($_GET);
?>

jquery_test.html

實驗1:

$(function() {
// post 方法,兩處都有數據
$.post('jquery_data.php?v1=1', {v2: 2}, function(data) {
$('
').append(data).appendTo('body');
});
});

返回結果:

post: Array
(
[v2] => 2
)
get: Array
(
[v1] => 1
)

實驗2:

$(function()
{
// post 方法,數據在地址後面, 第二個參數為回調函數
$.post('jquery_data.php?v1=1', function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});

返回結果,數據在 get 中:

post: Array
(
)
get: Array
(
[v1] => 1
)

實驗3:

$(function()
{
// get 方法,用 data 參數傳值
$.get('jquery_data.php', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});

返回結果,數據在 get 中:

post: Array
(
)
get: Array
(
[v2] => 2
)

實驗4:

$(function()
{
// get 方法,兩處都有數據
$.get('jquery_data.php?v1=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});

返回結果,兩處數據被合並了,都在 get 中:

post: Array
(
)
get: Array
(
[v1] => 1
[v2] => 2
)

實驗5:

$(function()
{
// get 方法,兩處都有數據,且變量名相同
$.get('jquery_data.php?v2=1', {v2: 2}, function(data)
{
$('<pre/>').append(data).appendTo('body');
});
});

返回結果,數據在 get 中,且 data 參數中的數據覆蓋了地址後面的數據:

post: Array
(
)
get: Array
(
[v2] => 2
)

通過這幾個簡單的小例子不難看出,地址後面的數據永遠是以 get 形式傳遞的,無論使用的是 get 方法還是 post 方法;而 data 參數中的數據是根據方法決定傳遞方式的。

因此,為了避免混淆,建議大家盡量不要把數據寫在地址後面,而是統一放在 data 參數中。

當然,如果你想在用 post 方法時,同時利用 get 傳值,那麼就可以把要以 get 方式傳遞的數據寫在地址後面,把要以 post 方式傳遞的數據寫在 data 參數中。

總之方法是死的,人是活的,怎麼用還要看實際情況。子曾經曰過:實踐是檢驗真理的唯一標准。沒事做做實驗,掌握知識更牢固。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved