jQuery_jquery의 get 및 post 메소드에 대한 값 전달 테스트 및 예방 조치

jQuery를 사용하는 모든 사람은 jQuery의 get 및 post 메소드에 주소, 데이터 및 콜백 함수의 세 가지 매개변수가 있다는 것을 알고 있지만 주소가 데이터 뒤에 올 수도 있다는 것을 알고 있습니다(형식: get_data.php?v1=1&v2=2). ), 그리고 두 번째 매개변수는 생략할 수 있습니다. 즉, 두 번째 매개변수를 콜백 함수에 직접 쓸 수 있습니다. 그러면 주소 뒤에 데이터를 쓰는 것과 데이터 매개변수에 쓰는 것의 차이점은 무엇인가요?
방금 몇 가지 실험을 수행했는데 다음 코드를 보면 명확해질 것입니다.
다음 콘텐츠를 보려면 답글이 필요합니다

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 메소드를 사용하든 post 메소드를 사용하든 관계없이 주소 뒤에 있는 데이터가 항상 get 형식으로 전송되고 data 매개변수의 데이터가 다음과 같다는 것을 쉽게 알 수 있습니다. 방법에 따라 전송됩니다.

따라서 혼동을 피하기 위해 주소 뒤에 데이터를 쓰지 말고 데이터 매개변수에 일관되게 배치하는 것이 좋습니다.

물론, post 메소드 사용 시 get을 사용하여 값을 전달하려는 경우에는 주소 뒤에 get 메소드로 전달할 데이터를, post 메소드로 전달할 데이터를 쓰면 됩니다. 데이터 매개변수에서.

요컨대, 방법은 죽고 사람은 살아있습니다. 어떻게 사용하는가는 상황에 따라 다릅니다. Zi는 한때 이렇게 말했습니다. 실천은 진실을 검증하는 유일한 기준입니다. 할 일이 없을 때 실험을 해보고, 지식을 더욱 확고히 익히세요.