Почему XmlHttpRequest readyState = 2 на 200 HTTP-код ответа

Question

Итак, я использую простой javascript (без jquery), чтобы отправить файл на сервер. Сценарий сервера PHP возвращает код состояния 200 в конце, но вместо этого Javascript становится readyState == 2.

код PHP отправляет код состояния 200:

header('X-PHP-Response-Code: 200', true, 200); 
exit; 

Javascript делает:

request.onreadystatechange = function() { 
     if (request.readyState == 4) { 
      var message; 
      switch(request.status) { 
       case '200': 
        message = "Data uploaded successfully."; 
       break; 

       case '406': 
        message = "Incorrect file format. Please try again."; 
       break; 

       case '410': 
        message = "Unexpected error. Please contact support."; 
       break; 

       default: 
       break; 
      } 
      status_message_container.innerHTML = message; 
      submit_button.disabled = false; 
     } 
     else { 
      alert("Unexpected error: " + this.statusText + ".\nPlease try again"); 
     } 
    }; 

    request.send(formData); 

Даже знаю, что код статуса HTTP 200 возвращается правильно (я получаю «ОК») на интерфейсе. Сценарий JS видит readyState==2 (т. Е. Блок блокировки всегда попадает)

Я понимаю, что код состояния сервера 200 должен давать readyState == 4 ??

Answer 1

Во-первых, onreadystate не только уволен один раз. Он запускается несколько раз, вы должны иметь возможность справиться с этим. Это коды, которые необходимо обрабатывать:

0 НЕОТПРАВЛЕННЫЕ - открыт() не была вызвана
1 ОТКРЫТ - посыла() не была вызвана
2 HEADERS_RECEIVED - отправить() вызывается, а заголовки и статус доступны
3 ЗАГРУЗКА Загрузка; - responseText имеет частичные данные
4 - операция завершена

Ваш код удара блок еще на readyState == 2 (заголовки, полученные) и при условии, что состояние ошибки, когда это не так.

Проверка ошибки должна быть внутри проверки request.readyState == 4. Таким образом, запрос является полным, но там также может быть допущена ошибка:

if (request.readyState == 4) { 
    switch(request.status) { 
     case '200': 
      message = "Data uploaded successfully."; 
     break; 
     // Error handling here 
     default: alert("Unexpected error: " + this.statusText + ".\nPlease try again"); break; 
    } 
} 

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest