jQuery AJAX コールバックで返される正確なデータを指定するにはどうすればよいですか?

jQuery を使用した AJAX リクエスト コールバック

この記事では、jQuery を使用して AJAX コールバックを処理する方法について説明します。特に、正確なデータ

バックグラウンド

AJAX (Asynchronous JavaScript And XML) を使用すると、サーバーとの非同期データ交換が可能になり、ページ全体を再読み込みせずに Web ページを更新するのに最適です。 .done() メソッドは、AJAX リクエストから返されたデータを処理するためによく使用されます。

返されたデータの指定

PHP スクリプト、convertNum.php があるとします。これは、AJAX リクエストを介して受信した数値の値を 2 倍にします。課題は、他の HTML マークアップを除外して、2 倍の数値のみを返すことです。

別個の PHP スクリプトの使用

1 つのエレガントな解決策は、別個の PHP スクリプトを作成することです。 returnNumber.php、2倍の数値のみを出力します。これにより、コードが整理され、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 Request

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

このアプローチの利点

• AJAX リクエストの処理をデータ処理から分離し、コードをより整理します。
• 特定のデータ値のみを必要とする他の A​​JAX リクエストに再利用できます。 return.
• 単一の PHP スクリプト内で複雑な if ステートメントやその他の回避策を使用する必要がなくなります。

結論

別のスクリプトを利用することで、データ処理用の PHP スクリプトと AJAX コールバックを使用すると、受信したい正確なデータを効果的に指定できます。このメソッドは、将来の Ajax リクエスト処理のためのコードの明瞭さと柔軟性を促進します。

以上がjQuery AJAX コールバックで返される正確なデータを指定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。