jQuery AJAX エラー応答から詳細なエラー メッセージを取得するにはどうすればよいですか?

jQuery の AJAX でエラー応答テキストをキャプチャする方法

jQuery AJAX リクエストにエラー応答を送信すると、ユーザーは機能不全に遭遇する可能性があります。実際のエラー メッセージを取得します。代わりに、エラー コールバックで一般的な「エラー」メッセージのみを受信します。この記事では、開発者が詳細なエラー テキストにアクセスできるように、この課題の解決策を検討します。

この問題の根本原因は、jQuery のデフォルトのエラー処理メカニズムにあります。エラーが発生すると、定義された Content-Type ヘッダーがある場合、jQuery はエラー JSON を解析しようとします。ヘッダーが存在しない場合、jQuery は単純な「エラー」メッセージに戻ります。

この制限を克服するには、エラー コールバック関数を変更して、応答テキストを明示的に取得できます。

error: function(xhr, status, error) {
  var err = eval("(" + xhr.responseText + ")");
  alert(err.Message);
}

このアプローチには、JavaScript の eval() 関数を使用して応答テキストを JSON として評価することが含まれます。結果のエラー オブジェクトにアクセスして、特定のエラー メッセージを取得できます。

実装例:

$.ajax({
    type:     "post",
    data:     {id: 0},
    cache:    false,
    url:      "doIt.php",
    dataType: "text",
    error: function(xhr, status, error) {
        var err = eval("(" + xhr.responseText + ")");
        alert(err.Message);
    },
    success: function () {
        alert(" Done ! ");
    }
});

この変更により、AJAX エラー コールバックは、実際のエラー テキストにより、開発者がエラーをより効果的に処理し、ユーザーに有益なフィードバックを提供できるようになります。

以上がjQuery AJAX エラー応答から詳細なエラー メッセージを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。