Проблема в кодировке в IE при AJAX запросе

Question

Столкнулся с проблемой в браузере IE, при выполнении AJAX запроса, в ответе мне приходят кракозябры.

Выполняю запрос:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>XMLHttpRequest</div>
<script>
var url = 'test.html';
var request = new XMLHttpRequest();
request.open('GET', url, true);
request.responseType = 'document';
request.onload = function () {
    if (request.readyState === 4 && request.status === 200) {
        var res = request.response.body.getElementsByClassName('text')[0].getElementsByTagName('span')[0].textContent.replace(/\s+/g, ' ').trim();
        console.log(res);
    } else {
        console.log('Запрос НЕ выполнен успешно.');
    }
};
request.send(null);
</script>
</body>
</html>

Запрос идет на страницу с содержимым:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="text"> Здравствуй <span> Роман Петрович </span></div>
</body>
</html>

В ответ приходят кракозябры. Читал и гуглил, нашел что в IE есть такая проблема, что возвращается ответ не в UTF-8 кодировке. Решения не нашел. Подскажите пожалуйста, как решить ?

P.S. Устанавливал кодировку в AJAX запросе: request.setRequestHeader('Content-Type', 'text/html; charset=utf-8'); На серверной части прописано: header("Content-type: text/html; charset=utf-8");

БЛОГ НА HUSL

Проблема в кодировке в IE при AJAX запросе

Ответы (0 шт):