ホームページ > バックエンド開発 > PHPチュートリアル > jQuery で AJAX 応答から特定のデータを抽出するにはどうすればよいですか?

jQuery で AJAX 応答から特定のデータを抽出するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-25 10:40:14
オリジナル
804 人が閲覧しました

How Can I Extract Specific Data from an AJAX Response in jQuery?

jQuery での AJAX リクエスト コールバックの使用: 特定のデータの抽出

jQuery の AJAX 機能を利用する場合、通常、次のような処理を実行したい状況に遭遇します。 AJAX 呼び出しの結果に基づく追加の処理。この記事では、AJAX 応答から特定のデータを抽出するための最適な方法について説明します。

シナリオ例

次のコード スニペットを考えてみましょう:

$.post("convertNum.php", {"json": json}).done(function (data) 
{
 alert(data);
}
);
ログイン後にコピー

この例では、コールバック関数 Done は、AJAX 呼び出しからの応答全体をデータとして受け取ります。これには 2 倍になった数値が含まれますが、ページを生成した HTML も含まれます。

PHP レスポンスの分離

これを解決するには、最善の解決策は次のとおりです。 PHP 応答を 2 つの部分に分割します。 2 倍の数値の計算のみを処理する新しい PHP ファイルを作成します。たとえば、process.php という名前のファイルは次のようになります。

<?php
$num = $_POST['json']['number'];
if (isset($num))
 echo $num * 2;
ログイン後にコピー

AJAX 呼び出しの変更

ここで、AJAX 呼び出しを変更して、代わりに process.php ファイルを使用します。新しい AJAX 呼び出しは次のようになります。

$.post("process.php", {"json": json}).done(function (data) 
{
 $('#numReturn').val(data); // Update the field with the doubled number
});
ログイン後にコピー

Callback Function

コールバック関数内のデータ パラメーターは、プロセスから返された 2 倍の数値です。 php ファイル。このデータを使用して、フォーム内のフィールドの更新などの追加の処理を実行できるようになりました。この例では、#numReturn 入力フィールドを 2 倍の数値で更新します。

結論

PHP 応答を 2 つの部分に分離すると、応答から特定のデータを抽出できます。 AJAX 応答。このアプローチは効率的かつ洗練されており、コードの再利用性と懸念事項の分離を促進します。

以上がjQuery で AJAX 応答から特定のデータを抽出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート