ajax - Jquery Ajaxでリクエストにヘッダーを追加するには?

Question

JQueryを使用してAjaxでリクエストにヘッダーを追加しようとしています。

以下はコードです:-

$.ajax({
    タイプ: "ポスト",
    contentType: "アプリケーション/json",
    URL: "http://localhost:8080/core-service/services/v1.0/patients/registerPatients",
    データ: JSON.stringify(患者DTO),
    //クロスドメイン : true,
    データ型: 'json',
    ヘッダー: {"X-AUTH-TOKEN" : トークン},
    成功: 関数(患者DTO) {
        console.log("成功: "、患者DTO);
        /* location.href = "fieldagentHRA.html";*/
        if (typeof(Storage) !== "undefined") {
            localStorage.setItem("patUrn",patientDTO.data);
            location.href="fieldagentHRA.html";
        }
    }、
    エラー: 関数(e) {
    console.log("エラー: ", e);
    ディスプレイ (e);
    }、
    完了: 関数(e) {
    enableRegisterButton(true);
    }
});

これをクロムで調べたところ、ヘッダーの本体が追加されていないことがわかりました。

次に、Requestlyを使用しました( Requestly は、リクエストにヘッダーを手動で追加できる chrome+firefox プラグインです)。

ヘッダーを手動で追加した後:-

両方の写真で、リクエスト ヘッダー x-auth-token は「ACCESS-CONTROL-REQUEST-HEADERS」に存在しますが、「X-AUTH-TOKEN」ヘッダーとヘッダー値は、最初の写真には存在しない 2 番目の写真に存在します。

私の質問は、JQuery を使用して Ajax にリクエスト ヘッダーを追加する方法です。