3

Есть метод

downloadDocument: function(event) {
    var documentId = event.currentTarget.attributes.getNamedItem('documentId').value;
    var host = window.location.protocol + '//' + window.location.host;
    var url = host.concat('/api/download/' + documentId);

    $.ajax({
        type: "GET",
        url: url,
        data: {},
        success: function (data) {
            window.location.assign(url);
        },
        error: function(msg) {
            // действия при ошибке;
        }
    });
}

Код не мой, проблема возникла при больших размерах файла (страница просто вылетает с ошибкой Оппаньки :) ). При исследовании я заметил, что файл скачивается 2 раза. 1 раз при запросе ajax, а второй раз после window.location.assign(url);.

Я в JS не силен, поэтому не знаю, как исправить поведение под требования. А требования такие:

При отсутствии файла или других ошибках, сервер возвращает что-то вразумительное, для этого и был создан ajax запрос, чтобы это обработать и вывести сообщение. Но при запросе ajax файл скачиваться не должен. обработчик success для этого не подходит, так как он срабатывает когда ответ полностью получен. Ну и, естественно, файл должен скачиваться 1 раз.

UPD:

Откопал, что загрузку можно сделать через iframe, но я не нашел примеры, как можно обработать ошибку при ответе сервера в iframe

2 ответа 2

1
$.ajax({
    type: "GET",
    url: url + "?check=true",
    data: {},
    dataType: "text";
    success: function (data) {
        if (data == "success")
            window.location.assign(url);
    },
    error: function(msg) {
        // действия при ошибке;
    }
});

А на сервере проверяйте наличие в запросе "check=true", и если оно там есть и с файлом все в порядке, возвращайте слово "success".

2
  • Да, мне приходило это в голову, но тут есть один недостаток. Я могу быть уверенным в отсутствии ошибок только в том случае, если файл корректно прочитан. То есть для проверки на сервере в любом случае придется прочитать файл. То есть ошибка двойного открытия останется. Да и не хочу я лезть на сервер, когда задача явно клиентская.
    – iRumba
    27 июл 2018 в 4:19
  • Какое двойное чтение? У вас бек на PHP? Там есть функция file_exists. Скриптом проверяем файл, если есть, возвращаем текстом "success" - см пример выше. Хотите в JS контроллировать, что файл реально скачался в браузере - дополнительно возвращайте через AJAX токен, а при скачивании ставьте куку с токеном. 31 июл 2018 в 5:04
0

Оказалось, что $.ajax мне просто не подходит. В описании работы с ним сказано, что onreadystatechange не реализован, так как другие свойства и обработчики покрывают все мыслимые требования. Оказалось, что не все.

Дело в том, что при возврате сервером ошибки, я могу ее отловить уже на стадии 2 (когда получены заголовки ответа). Если результат 200, я просто прерываю ajax запрос и меняю адрес окна (window.location) на адрес скачивания файла (тот же url что был использован и для ajax запроса). Если вернулся другой код, то запрос выполняется до конца и в самом конце я получаю сообщение об ошибке, которую вывожу пользователю.

В общем запрос я отправляю через нативный XMLHttpRequest.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.