Как наладить поддержку fetch в internet explorer?

Question

[Вадим В]

Нужна поддержка fetch в IE... Гуглил, ставил полифилы и ничего не помогло. Все время получаю такую ошибку . В response приходит вот такой ответ . То есть в response.body - undefined. Как быть? В Chrome и Firefox все работает нормально

Comments

[Dima Polos]

Чисто fetch не сполифилить, а вот заменить на xhr частично можно.

[Вадим В]

Dima Polos, Подскажи пожалуйста. как можно такой код переделать на XHR?

fetch(url)
      .then((response) => {
        let reader = response.body.getReader()
        let decoder = new TextDecoder('utf-8')

        return reader.read().then((result) => {
          return decoder.decode(result.value)
        })
      })
      .then((csvData) => {
        Papa.parse(csvData, {
          complete: this.getData,
          header: true
        })
      })
      .catch((error) => {
        console.log(error)
      })

[Dima Polos]

function myFetch(params){
    return new Promise(function(resolve, reject){
       const xhr = new XMLHttpRequest();
        xhr.open(params.method, params.url, true);
        xhr.send();
        xhr.addEventListener('readystatechange', function(e){
              if( xhr.readyState != 4  ) return;
              if( xhr.status == 200 ){
                   resolve( xhr.responseText );
               } else{ reject( xhr.statusText ); }
        });
}
myFetch(//parameters...).then(//...... код который у Вас в then).

Сюда еще таймер можно поставить, если запрос затянулся, и по таймеру reject промиса делать. В общем, суть такая, если где очепятался, посмотрите доки, как точнее сделать.

[Вадим В]

Dima Polos, Работает ))) Спасибо тебе огромнейшее, ты меня выручил!) Жаль, что не могу это поставить решением, потому что ты в комментариях к вопросу написал

[Dima Polos]

reyzele, я скопирую в решение;)

[Dima Polos]

reyzele, очень рад помочь;)

Answer 1

[Dima Polos]

function myFetch(params){
    return new Promise(function(resolve, reject){
       const xhr = new XMLHttpRequest();
        xhr.open(params.method, params.url, true);
        xhr.send();
        xhr.addEventListener('readystatechange', function(e){
              if( xhr.readyState != 4  ) return;
              if( xhr.status == 200 ){
                   resolve( xhr.responseText );
               } else{ reject( xhr.statusText ); }
        });
}
myFetch(//parameters...).then(//...... код который у Вас в then).

Answer 2

[Анатолий Чернышев]

Вопрос решается полиморфом
https://github.com/github/fetch

Comments

[Вадим В]

Не получилось. Вот этот код не получилось сполифилить

fetch(url)
      .then((response) => {
        let reader = response.body.getReader()
        let decoder = new TextDecoder('utf-8')

        return reader.read().then((result) => {
          return decoder.decode(result.value)
        })
      })
      .then((csvData) => {
        Papa.parse(csvData, {
          complete: this.getData,
          header: true
        })
      })
      .catch((error) => {
        console.log(error)
      })

Есть идеи как можно это завтравить работать в IE?

Answer 3

[grinat]

Ты файл чтоли сохранить пытаешься? У ie урезанная поддержка сохранения, через save file надо это делать

Comments

[Вадим В]

Пытаюсь загрузить CSV файл и приобразовать его в JS, обработав плагином Papa parse.
Вот код

fetch(url)
      .then((response) => {
        let reader = response.body.getReader()
        let decoder = new TextDecoder('utf-8')

        return reader.read().then((result) => {
          return decoder.decode(result.value)
        })
      })
      .then((csvData) => {
        Papa.parse(csvData, {
          complete: this.getData,
          header: true
        })
      })
      .catch((error) => {
        console.log(error)
      })

Нужно сделать поддержку IE