なぜajaxコールの後に他のページを参照できないのですか？

Question

従来のMVC 5 Webアプリケーションでは、長時間実行されているアクションにajaxコールをかけるボタンをクリックした後でもブラウジングを続行できるようにしたいと考えています。

（注：アクションがvoidを返します - 私は応答に興味を持っていないです）

私はアクションが完了するまで、他のすべての要求を行うことができませんボタンをクリックします。

編集：ここでははAjaxコードです：

$('#EmailReport') // 
    .click(function() { 
     $.ajax({ 
      type: "POST", 
      url: '/Home/EmailReport', 
      complete: function() {console.log("done")}, 
      async: true 
     }); 
    }); 

コントローラ

[HttpPost] 
public async Task EmailReport() 
{ 
    // for testing - sleep for 10 seconds 
    await Task.Delay(TimeSpan.FromSeconds(10)); 
} 

ここでは、クロームのdevのツールでスクリーンショットです：

EmailReportは、AJAX呼び出しで、下部の2つの要求は、私は別のページを参照しようとしている - あなたが最初の要求を見ることができるように、誰もが任意のアイデアをどのように私を持っていますpendingであり、任意の後続の要求はcancelled

ですこの問題を解決またはトラブルシューティングできますか？

Answer 1

次のように簡単な方法は、次のようになります。

Task t = new Task(() => TimeSpan.FromSeconds(10)); 
t.Start(); 

コアの親和性と優れたCPU使用率を回避するために、長時間実行されるジョブのためのスレッドと比較して、タスクを使用することをお勧めします。

Answer 2

使用し、バックグラウンド・プロセス

[HttpPost] 
public JsonResult EmailReport() 
{ 
    Thread email= new Thread(delegate() 
    { 
      generatereports(); 
    }); 
    email.IsBackground = true; 
    email.Start(); 
    return null; 
} 

Answer 3

問題は、あなたのアクションは、タスクの完了を待つ、ということです。タスクを開始するとすぐに待機して復帰しないでください。それはページのリダイレクト要求と古いページがあるので、あなたの要求はキャンセルされ

[HttpPost] 
public void EmailReport() 
{ 
    // for testing - sleep for 10 seconds 
    var myTask = Task.Delay(TimeSpan.FromSeconds(10)); 
    myTask.Start(); 
} 

は新しいものが発行されたときにリクエストがキャンセルされているリダイレクト（あなたがリンクを2回クリックしたときに、例えば、最初のクリックは無視されます）。それはブラウザがそれを実装する方法です。それはあなたの問題の根とは関係ありません。

Answer 4

Navigator.sendBeacon() apiがあなたの目的を果たすようです。少数のデータをHTTP経由でWebサーバーに非同期に転送するために使用されます。これは実験的な技術で、Chrome 39+、Firefox 31+、opera 26+でサポートされていますが、他のブラウザではpolyfillがあります。