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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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