jQuery AJAX 콜백에서 반환되는 정확한 데이터를 어떻게 지정합니까?

jQuery를 사용한 AJAX 요청 콜백

이 기사에서는 jQuery를 사용하여 AJAX 콜백을 처리하는 방법, 특히 정확한 데이터는

배경

AJAX(Asynchronous JavaScript And XML)는 서버와의 비동기 데이터 교환을 허용하므로 전체 페이지를 다시 로드하지 않고도 웹 페이지를 업데이트하는 데 이상적입니다. .done() 메서드는 일반적으로 AJAX 요청에서 반환된 데이터를 처리하는 데 사용됩니다.

반환된 데이터 지정

PHP 스크립트, ConvertNum.php가 있다고 가정합니다. AJAX 요청을 통해 받은 숫자의 값을 두 배로 늘립니다. 문제는 다른 HTML 마크업을 제외하고 두 배의 숫자만 반환하는 것입니다.

별도의 PHP 스크립트 사용

한 가지 우아한 해결책은 별도의 PHP 스크립트를 만드는 것입니다. returnNumber.php, 두 배의 숫자만 출력합니다. 이렇게 하면 코드가 정리되고 PHP 처리가 AJAX 요청과 별도로 유지됩니다.

수정된 코드

수정된 코드는 다음과 같습니다. 코드:

convertNum.php

<?php
$num = $_POST['json'];
if (isset($num)) {
    // Send AJAX request to returnNumber.php
    $ch = curl_init('returnNumber.php');
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $num);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    $doubledNum = curl_exec($ch);
    curl_close($ch);

    // Output the doubled number to the AJAX request
    echo $doubledNum;
}

returnNumber.php

<?php
if (isset($_POST['json'])) {
    $num = $_POST['json']['number'];
    if (isset($num))
        echo $num * 2;
}

AJAX 요청

$.post("convertNum.php", {"json": json}).done(function (data) {
    // Process and use the returned doubled number here
    $('#numReturn').val(data);
});

이 접근 방식의 장점

• AJAX 요청 처리와 데이터 처리를 분리하여 코드를 더욱 체계적으로 만듭니다.
• 특정 데이터 값만 요구하는 다른 AJAX 요청에 재사용할 수 있습니다. return.
• 단일 PHP 스크립트 내에서 복잡한 if 문이나 기타 해결 방법이 필요하지 않습니다.

결론

별도의 데이터 처리 및 AJAX 콜백을 위한 PHP 스크립트를 사용하면 수신하려는 정확한 데이터를 효과적으로 지정할 수 있습니다. 이 방법은 향후 Ajax 요청 처리를 위한 코드 명확성과 유연성을 향상시킵니다.

위 내용은 jQuery AJAX 콜백에서 반환되는 정확한 데이터를 어떻게 지정합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!