jQuery AJAX 요청에서 반환된 데이터를 어떻게 사용자 정의할 수 있나요?

jQuery를 사용한 AJAX 요청 콜백: 반환된 데이터 지정

이 jQuery AJAX 튜토리얼에서는 AJAX 요청에서 반환된 데이터를 사용자 정의하는 주제를 탐구하는 것을 목표로 합니다. 응답 데이터를 추가로 처리해야 하는 시나리오에 중점을 둡니다.

다음 코드 스니펫을 고려해 보세요. AJAX 요청은 PHP 파일에 대해 jQuery를 사용하여 수행됩니다.

$.post("convertNum.php", {"json": json}).done(function (data) {
    alert(data);
});

done() 함수는 AJAX 요청의 응답을 처리하며, 이 경우 수신된 데이터와 함께 경고를 표시합니다. 그러나 데이터를 추가로 처리하려면 응답에서 관련 정보만 추출하는 방법이 필요합니다.

고려할 수 있는 몇 가지 접근 방식이 있습니다.

• 별도의 PHP 파일 생성: 이 접근 방식에는 응답을 독점적으로 처리하는 getNum.php라는 새 PHP 파일을 생성하는 작업이 포함됩니다. getNum.php 내에서 다음과 같이 숫자 곱하기 2를 표시합니다.

<?php $num = $_POST['json']['number'] * 2;
echo $num;
?>

jQuery 코드에서 이전 done() 함수를 다음으로 바꿉니다.

$.post("getNum.php", {"json": json}).done(function (data) {
    // Process data here
});

이 방법은 숫자를 가져오는 논리와 jQuery에서 이를 처리하는 논리를 명확하게 분리합니다. code.

• JSON으로 응답 보내기: 또 다른 대안은 다음과 같이 PHP 파일에서 숫자를 JSON 개체로 에코하도록 하는 것입니다.

<?php $num = $_POST['json']['number'] * 2;
$response = ['num' => $num];
echo json_encode($response);
?>

jQuery 측에서는 숫자에 액세스하기 위해 JSON 응답을 구문 분석해야 합니다. 속성:

$.post("convertNum.php", {"json": json}).done(function (data) {
    var num = data.num;
    // Process num here
});

이 방법을 사용하면 JSON 개체에서 특정 속성을 추출하여 응답을 유연하게 처리할 수 있습니다.

이러한 기술을 활용하여 반환하려는 정확한 데이터를 효과적으로 지정할 수 있습니다. AJAX 요청을 받아 필요에 따라 처리합니다.

위 내용은 jQuery AJAX 요청에서 반환된 데이터를 어떻게 사용자 정의할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!