部分的なビューからユーザーをリダイレクトしようとするとCORSエラーが発生する

Question

ユーザーがログインする必要があるASP.NET MVC5で作成されたアプリケーションで作業しています。認証は中央認証サービス（CAS）で機能します。私は、ユーザーのデータを更新するとき、私は、コントローラのアクションを呼び出す

Home page with partial views

：ホームページで、私はいくつかの部分的な景色を眺めることができます。

CASセッションが期限切れになるまでうまくいきます。私は部分的なビューをリフレッシュしようとすると、私はエラーを取得：

「OPTIONSをhttps://example.com/CAS/Authentication 403（禁止）」

「ロードに失敗しましたhttps://example.com/CAS/Authentication：プリフライトの応答が無効なHTTPステータスコードを持っている403」

私はAjaxを使って部分ビューをリフレッシュし、同じドメインにないログインページを返すと思います。どうすればこの問題を克服できますか？

私のビューでは、私はコントローラにデータをAjax.BeginForm()で送信し、コントローラは部分的なビューを返すため、ページを完全に更新する必要はありません。

Answer 1

Cross Origin Requestエラーを解決するには、Ajaxレスポンスを処理する必要がありました。私は、ログインページを部分ビューで返す代わりに、OnCompleteイベントでJavascript関数を呼び出して、レスポンスのステータスコードをチェックします。

私の部分図で

：クリックで

AjaxOptions ajaxOptions = new AjaxOptions 
{ 
    HttpMethod = "POST", 
    OnComplete = "redirectToLoginPage" 
}; 

using (Ajax.BeginForm("ActionName", "ControllerName", null, ajaxOptions)) 
{ 
    <button type="submit">Submit</button> 
} 

提出上、それはコントローラ「コントローラ名」からアクション「ACTIONNAME」を実行します。次に、Javascript関数 "redirectToLoginPage"を起動します。

function redirectToLoginPage(xhr) { 
    if (xhr.status == 200) { 
     //Whatever 
    } 
    else 
    { 
     window.location.replace("https://login.example/"); 
    } 
} 

これはトリックです。