1

Создал в excel табличку, сохранил в формате csv(разделители - запятые). Содержимое на кириллице. Пытаюсь прочесть ее JS-ом при помощи кода:

         var new;
         $.ajax({

            url: "xls/south_cpo_map1.csv",
            method: 'GET',
            async:false,
            success: function (data) {
              new  = data.split('^^^');
              console.log(new);
            },
            error: function (error) {
                console.log(error);
            }
        });

Получаю на выходе вот такую белиберду: введите сюда описание изображения

Кодировка страницы utf-8, пробовал менять - результата никакого. Единственное, что помогает - открыть файл в блокноте и пересохранить со сменой кодировки на utf-8.

Можно как-то грамотно преобразовать результат чтения csv без танцев с бубном (блокнотом)?

2
  • не надо называть переменную new 23 апр 2020 в 20:51
  • в оригинальном коде нет переменной, чисто для примера вкинул) Но да, буду внимательнее, спасибо) 23 апр 2020 в 21:12

1 ответ 1

2
+100

Скорее всего кодиравка файла cp1251.
Можно использовать TextDecoder, для перевода в utf-8, вот таким образом.

function decode(responseArrayBuffer) {
    const
        dataView = new DataView(responseArrayBuffer),
        decoder = new TextDecoder('windows-1251');
    return decoder.decode(dataView);
}

fetch('xls/south_cpo_map1.csv')
    .then(response => response.arrayBuffer())
    .then(decode)
    .then(console.log)
    .catch(err => console.log(err.message));

JQuery через $.ajax().

function decode(responseArrayBuffer) {
    const
        dataView = new DataView(responseArrayBuffer),
        decoder = new TextDecoder('windows-1251');
    return decoder.decode(dataView);
}

const xhrArrayBuffer = new XMLHttpRequest();
xhrArrayBuffer.responseType = 'arraybuffer';

$.ajax({
    url: 'xls/south_cpo_map1.csv',
    method: 'GET',
    xhr: function() {
        return xhrArrayBuffer;
    },
    success: function (data) {
        console.log(decode(data));
    }
});

3
  • Отрабатывает супер! Один вопрос - сейчас это работает асинхронно, можно ли сделать это синхронно? 23 апр 2020 в 21:55
  • Скорее всего не получится, кроме XMLHttpRequest и fetch вряд ли что-то можно придумать, а XMLHttpRequest разрешает задавать responseType только для асинхронных запросов. Могу добавить как тоже самое можно сделать на jquery, если надо. Но запрос так же будет асинхронный. 23 апр 2020 в 22:35
  • Спасибо большое, это как раз то, что мне было нужно) 24 апр 2020 в 8:54

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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