JavaScript XMLHttpRequest.responseType — тип відповіді

Властивість responseType каже, як розбирати відповідь: 'json', 'blob', 'arraybuffer', 'document' чи 'text'.

правити

Загальний опис

Задавши 'json', ти позбавляєшся ручного JSON.parse() — розібраний об'єкт приїде в response.

'blob' потрібен для файлів: так вантажать зображення чи PDF, щоб потім показати їх або віддати на збереження.

Важливо: задавати треба між open() і send(). І пам'ятай — після цього responseText стає недоступним: читати результат треба з response.

правити

Нотатка

Задав responseType, відмінний від 'text' — і responseText кине помилку. Результат тепер лише в response.

автор: NagarD правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
responseType	31+	6+	7+	18+	12+	10+

Підтримка: мобільні переглядачі

Переглядач
responseType	4.4+	yes	yes	7+

Приклади

+ запропонувати свій приклад у пісочниці

// JSON — без JSON.parse()
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data');
xhr.responseType = 'json'; // між open() і send()

xhr.onload = () => console.log(xhr.response.title);
xhr.send();

// файл — як Blob
const file = new XMLHttpRequest();
file.open('GET', '/report.pdf');
file.responseType = 'blob';

file.onload = () => {
    const url = URL.createObjectURL(file.response);
    window.open(url);
};

file.send();