XMLHttpRequest response

AJAX

🎓 XMLHttpRequest

• Последовательность действий
• Экземпляр XMLHttpRequest
• Метод open()
• Метод send()
• Свойство readyState
• Свойство status
• Свойство responseText
• Обработка событий
• Метод setRequestHeader

---

🎓 responseType

Свойство responseType объекта XMLHttpRequest определяет тип данных ответа сервера

Возможными значениями являются:

• пустая строка (по умолчанию)
• arraybuffer
• blob
• document
• json
• text

Свойство response будет содержать тело объекта в соответствии с responseType

• ArrayBuffer
• Blob
• Document
• JSON
• string

Если запрос завершился неудачей, то значением response будет null

☕

Получение двоичных данных

var request = new XMLHttpRequest()
request.open (
    "get",
    'https://httpbin.org/get'
)
request.responseType = "arraybuffer"

request.onreadystatechange = function() {
   if (
      this.readyState === 4
      && this.status === 200 
   ) {
        console.log ( this.response )
   }
}
request.send ()

---

🎓 getAllResponseHeaders()

var transport = new XMLHttpRequest ()

transport.onload = function ( event ) {
    console.dir ( this.getAllResponseHeaders() )
}
transport.open ( 
    'GET', 
    'https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js'
)
transport.send()

Заголовки ответа сервера:

last-modified: Tue, 20 Dec 2016 18:17:03 GMT
content-type: text/javascript; charset=UTF-8
cache-control: public, max-age=31536000, stale-while-revalidate=2592000
expires: Wed, 09 Oct 2019 00:23:02 GMT

---

• Свойство withCredentials

---