jQuery Ajax はサーバー側のリダイレクトをどのように適切に処理できるのでしょうか?

jQuery Ajax 呼び出しでのリダイレクト リクエストの処理

Ajax 呼び出しに jQuery の $.post() を使用すると、次からのリダイレクト応答が発生する可能性があります。セッションタイムアウトなどのシナリオでのサーバー。デフォルトでは、ブラウザはこれらのリダイレクトを透過的に処理します。これにより、Ajax コンテキストで望ましくない結果が生じる可能性があります。

レスポンス処理に JSON を使用する

リダイレクトとレスポンスを分離するための 1 つの効果的なソリューション処理はJSONを使用することです。このアプローチでは、サーバーが JSON 応答オブジェクトを構築し、クライアント側の JavaScript がそれを解釈して適切なアクションを決定します。

jQuery を使用したクライアント側の処理

以下は、リダイレクトと応答置換の両方を処理する jQuery コードの例です。 JSON:

$.ajax({
    type: "POST",
    url: reqUrl,
    data: reqBody,
    dataType: "json",
    success: function(data, textStatus) {
        if (data.redirect) {
            // data.redirect contains the string URL to redirect to
            window.location.href = data.redirect;
        } else {
            // data.form contains the HTML for the replacement form
            $("#myform").replaceWith(data.form);
        }
    }
});

このシナリオでは、サーバーは 2 つのメンバー、data.redirect と data.form を含む JSON オブジェクトを構築します。 data.redirect メンバーが存在する場合、クライアントは指定された URL にリダイレクトします。それ以外の場合は、HTML フォームを data.form で提供されたコンテンツに置き換えます。

このアプローチにより、jQuery Ajax 呼び出しでのリダイレクトと応答処理の管理方法を詳細に制御できます。

以上がjQuery Ajax はサーバー側のリダイレクトをどのように適切に処理できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。