Почему несколько одновременных вызовов AJAX к одному и тому же действию ASP.NET MVC заставляют браузер блокировать?

Ответ 1

Ответ смотрел мне в лицо.

Обзор состояния сеанса ASP.NET:

Доступ к состоянию сеанса ASP.NET является исключительным для каждого сеанса, а это означает, что, если два разных пользователя выполняют параллельные запросы, доступ к каждому отдельному сеансу предоставляется одновременно. Тем не менее, , если два одновременных запроса сделаны для одного и того же сеанса (с использованием того же значения SessionID), первый запрос получает эксклюзивный доступ к информации о сеансе. Второй запрос выполняется только после завершения первого запроса.

Раздражающе, я пару недель назад снял абзац, чтобы не в полной мере повлиять на смелые предложения. Я читал, что просто, когда "доступ к состоянию сеанса сериализуется", а не "все запросы, независимо от того, касаетесь состояния сеанса или нет, сериализуются", если запросы поступают из одного сеанса.

К счастью, в ASP.NET MVC3 есть работа, и возможно создание контроллеров без сеанса. Скотт Гатри рассказывает об этом здесь:

Объявление ASP.NET MVC 3 (Release Candidate 2)

Я установил MVC3 RC2 и обновил проект. Оформление данного контроллера с помощью [SessionState(SessionStateBehavior.Disabled)] решает проблему.

И, конечно, обычно я только что нашел это в Qaru несколько минут назад:

Асинхронный контроллер блокирует запросы в ASP.NET MVC через jQuery

Ответ 2

Я пытался воспроизвести это, но не смог. Здесь мой тест:

private static readonly Random _random = new Random();

public ActionResult Ajax()
{
    var startTime = DateTime.Now;
    Thread.Sleep(_random.Next(5000, 10000));
    return Json(new { 
        startTime = startTime.ToString("HH:mm:ss fff"),
        endTime = DateTime.Now.ToString("HH:mm:ss fff") 
    }, JsonRequestBehavior.AllowGet);
}

И вызов:

<script type="text/javascript" src="/scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
    $(function () {
        for (var i = 0; i < 6; i++) {
            $.getJSON('/home/ajax', function (result) {
                $('#result').append($('<div/>').html(
                    result.startTime + ' | ' + result.endTime
                ));
            });
        }
    });
</script>

<div id="result"></div>

И результаты:

13:37:00 603 | 13:37:05 969
13:37:00 603 | 13:37:06 640
13:37:00 571 | 13:37:07 591
13:37:00 603 | 13:37:08 730
13:37:00 603 | 13:37:10 025
13:37:00 603 | 13:37:10 166

И консоль FireBug:

Как вы видите, действие AJAX попадает параллельно.

UPDATE:

Похоже, что в моих первоначальных тестах запросы действительно поставлены в очередь в FireFox 3.6.12 и Chrome 8.0.552.215 при использовании $.getJSON(). Он отлично работает в IE8. Мои тесты выполнялись с помощью проекта ASP.NET MVC 2, VS2010, веб-сервера Cassini, Windows 7 x64 бит.

Теперь, если я заменил $.getJSON() на $.get(), он отлично работает во всех браузерах. Это заставляет меня думать, что есть что-то с этим $.getJSON(), которое может вызвать запросы в очередь. Может быть, кто-то, более знакомый с внутренностями структуры jQuery, сможет пролить свет на этот вопрос. Забастовкa >

ОБНОВЛЕНИЕ 2:

Попробуйте установить cache: false:

$.ajax({
    url: '/home/ajax', 
    cache: false,
    success: function (result) {
        $('#result').append($('<div/>').html(
            result.startTime + ' | ' + result.endTime
        ));
    }
});