アクセス制御リクエストヘッダーは、jQueryを使用してAJAXリクエストのヘッダーに追加されます。質問する

アクセス制御リクエストヘッダーは、jQueryを使用してAJAXリクエストのヘッダーに追加されます。質問する

jQuery からの AJAX POST リクエストにカスタム ヘッダーを追加したいと思います。

私はこれを試しました:

$.ajax({
    type: 'POST',
    url: url,
    headers: {
        "My-First-Header":"first value",
        "My-Second-Header":"second value"
    }
    //OR
    //beforeSend: function(xhr) { 
    //  xhr.setRequestHeader("My-First-Header", "first value"); 
    //  xhr.setRequestHeader("My-Second-Header", "second value"); 
    //}
}).done(function(data) { 
    alert(data);
});

このリクエストを送信して FireBug で監視すると、次のヘッダーが表示されます。

オプション xxxx/yyyy HTTP/1.1
ホスト: 127.0.0.1:6666
ユーザーエージェント: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0
Accept: text/html、application/xhtml+xml、application/xml;q=0.9、/ ;q=0.8
Accept-Language: fr、fr-fr;q=0.8、en-us;q=0.5、en;q=0.3
Accept-Encoding: gzip、deflate
接続: keep-alive
発信元: null
アクセス制御要求メソッド: POST
アクセス制御要求ヘッダー: my-first-header、my-second-header
プラグマ: no-cache
キャッシュ制御: no-cache

カスタム ヘッダーが次の場所に移動する理由Access-Control-Request-Headers:

アクセス制御リクエストヘッダー: my-first-header、my-second-header

次のようなヘッダー値を期待していました:

My-First-Header: 最初の値
My-Second-Header: 2 番目の値

出来ますか?

ベストアンサー1

以下は、jQuery Ajax 呼び出しでリクエスト ヘッダーを設定する方法の例です。

$.ajax({
  type: "POST",
  beforeSend: function(request) {
    request.setRequestHeader("Authority", authorizationToken);
  },
  url: "entities",
  data: "json=" + escape(JSON.stringify(createRequestObject)),
  processData: false,
  success: function(msg) {
    $("#results").append("The result =" + StringifyPretty(msg));
  }
});

おすすめ記事