Не удалось получить данные csv в Internet Explorer
Я только что попытался получить файл CSV, используя d3.js v5. Извлечение данных работает нормально во всех браузерах, кроме Интернет Эксплорер 10+.
d3.csv("test.csv").then(function (data) {
console.info(data);
});
Это показывает, что выборка ошибки не определена в Internet Explorer.
Я использую d3.v5.min.js.
Или просто перестаньте поддерживать IE, у которого сегодня такая низкая доля рынка.
@Endless Я бы очень хотел, чтобы ты был прав... Но это не так. Сегодня все еще много пользователей IE. Согласно некоторым измерениям (они различаются), это третий по популярности браузер в 2019 году с долей рынка почти 7%.
согласно statcounter.com IE11 составляет 4% по всему миру, IE < 11 даже не указан на карте. кроме того, сафари, кажется, победить IE, толкая IE на 4-е место с долей мирового рынка 5%
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
d3.csv (и все другие методы выборки D3, если на то пошло) использует Fetch API для внутреннего использования. Если вы посмотрите на MDN-страница в таблице совместимость с браузером, вы увидите, что Fetch API не поддерживается Internet Explorer (любая версия, а не только 10+, как вы сказали в своем вопросе).
Таким образом, решение заключается в использовании полифилла для Fetch (а также для промисов, см. комментарии ниже). В сети есть несколько вариантов.
В качестве совета, вместо того, чтобы нюхать пользовательский агент, попробуйте проверить, поддерживает ли браузер Fetch. Вероятно, самый простой способ — использовать window.fetch. Следующий фрагмент будет регистрировать истинное значение в большинстве браузеров и ложное в IE (и в другом браузере, который не поддерживает Fetch, если он существует):
console.info(window.fetch)Итак, в вашем коде вы делаете что-то вроде этого:
if (!window.fetch){
//load the polyfill here
};
Большое спасибо !!! Я только что загрузил два js-файла: 1. cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js, 2 .github.com/github/fetch/релизы (fetch.umd.js). Я получил ошибку «обещание не определено», когда использовал только fetch.umd.js. После добавления polyfill.min.js это исправлено. Теперь он работает отлично.
@Nj_Coder да, действительно, я забыл упомянуть об этом. Это файлы, которые я обычно использую для IE: "https://cdn.jsdelivr.net/npm/promise-polyfill@7/dist/polyfill.min.js" и "https://cdnjs.cloudflare.com/ajax/libs/fetch/2.0.4/fetch.min.js". Я очень жду того дня, когда IE будет просто диковинкой о прошлом.
Привет, вы можете использовать более низкую версию d3, Говорят, что 4 поддерживает IE9+., или вы можете попробовать добавить полфилл для извлечения