3

私はあちこちを見回してきましたが、これに対する決定的な答えを見つけることができません。

AJAX POSTを実行し、カスタムヘッダーを送信できる必要があります。私はクライアント側のスクリプトとサーバー側のサービスの両方を完全に制御できるので、これを機能させるためにどちらかの側に微調整を加える必要がある場合は、それらの変更を行うことができます。

私は現在jQueryを使用していますが、jQueryがこれを実行できず、まったく問題のない別のライブラリを使用する必要がある場合。理想的には、単一のライブラリ（jQuery）に固執することを望みますが、問題が解決した場合は、2番目のライブラリを使用できれば幸いです。

現在、私のコードは次のようになっています。

$.ajax({
    type: 'POST',
    url: 'http://localhost:65079/TestHandler',
    crossDomain: true,
    data: myVariableOfData,
    dataType: 'json',
    beforeSend: function(xhr) {
        xhr.setRequestHeader('MessageId', 'abc123');
    },
    success: function(responseData, textStatus, messageId) {
        console.log("success");
    },
    error: function(responseData, textStatus, errorThrown) {
        console.log(textStatus);
        console.log(responseData);
        console.log(errorThrown);
    }
});

残念ながら、jQueryはサーバーにリクエストを送信しようとさえしませんが、ヘッダーを削除するとすぐにリクエストを送信します。私は本当にこれらのヘッダーが必要なので、どんな助けでも大歓迎です。

この問題の解決に役立つ可能性のある質問があれば、私に質問してください。できる限り迅速に対応します。

4

2 に答える 2

4

あなたがまだこれを行う方法を探しているかどうかはわかりません。これを行うことができます。これがサンプルのCORSハンドラーです

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Text;
using System.Threading;
using System.Threading.Tasks;

namespace Api.Handlers
{
    /// <summary>
    /// 
    /// </summary>
    public class CorsHandler : DelegatingHandler
    {
        const string Origin = "Origin";
        const string AccessControlRequestMethod = "Access-Control-Request-Method";
        const string AccessControlRequestHeaders = "Access-Control-Request-Headers";
        const string AccessControlAllowOrigin = "Access-Control-Allow-Origin";
        const string AccessControlAllowMethods = "Access-Control-Allow-Methods";
        const string AccessControlAllowHeaders = "Access-Control-Allow-Headers";

        /// <summary>
        /// 
        /// </summary>
        /// <param name="request"></param>
        /// <param name="cancellationToken"></param>
        /// <returns></returns>
        protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)
        {
            bool isCorsRequest = request.Headers.Contains(Origin);
            bool isPreflightRequest = request.Method == HttpMethod.Options;

            if (isCorsRequest)
            {
                if (isPreflightRequest)
                {
                    HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.OK);
                    response.Headers.Add(AccessControlAllowOrigin, request.Headers.GetValues(Origin).First());

                    string accessControlRequestMethod = request.Headers.GetValues(AccessControlRequestMethod).FirstOrDefault();
                    if (accessControlRequestMethod != null)
                    {
                        response.Headers.Add(AccessControlAllowMethods, accessControlRequestMethod);
                    }

                    string requestedHeaders = string.Join(", ", request.Headers.GetValues(AccessControlRequestHeaders));
                    if (!string.IsNullOrEmpty(requestedHeaders))
                    {
                        response.Headers.Add(AccessControlAllowHeaders, requestedHeaders);
                    }

                    TaskCompletionSource<HttpResponseMessage> tcs = new TaskCompletionSource<HttpResponseMessage>();
                    tcs.SetResult(response);
                    return tcs.Task;
                }

                return base.SendAsync(request, cancellationToken).ContinueWith<HttpResponseMessage>(t =>
                {
                    HttpResponseMessage resp = t.Result;
                    resp.Headers.Add(AccessControlAllowOrigin, request.Headers.GetValues(Origin).First());
                    return resp;
                });
            }

            return base.SendAsync(request, cancellationToken);
        }
    }
}

これを追加したら、Application_Startメソッド内のGlobal.asaxファイルにハンドラーを登録します

GlobalConfiguration.Configuration.MessageHandlers.Add(new CorsHandler());

これで、リクエストヘッダーを送信できます。お役に立てば幸いです。これは、Web API、MVC 4、およびGoogleChromeとFirefoxのサイトでテストされています。

于 2013-02-06T21:55:18.193 に答える
0

完全にSiriのように聞こえるリスクがありますが、CORSを機能させる方法を探しているようです...

うまくいけば役立ついくつかのリソースがあります：

于 2012-09-13T12:27:27.947 に答える