JavaScript I have a problem with the Fetch API using Internet Explorer 11 have problem with doing,have problem with authority,have problem

I have some Problem with this code. I will use this code instead of a polyfill. The code works using Firefox, Chrome, Opera and MS Edge but the Internet Explorer 11 is not responding. Can someone give me a tip for Troubleshooting.

function fetchFile(file,method,params,target) {

const controller = new AbortController();
const signal = controller.signal;

setTimeout(controller.abort.bind(controller), 5000); 

var options = { method: method, signal }; 

if (params != 'default') {

switch (method) { case 'GET':  file = file+'?'+params; break;

                  case 'POST': var data = params; break; default: data = 'data'; break;}

} 

switch (method) { case 'POST': options.body = data; options.headers = {"Content-Type": "application/x-www-form-urlencoded"}; break;}

fetch(file, options).then(function (response)  {

  return response.text();

}).then(function (data)  {

  document.getElementById(target).innerHTML = data;  

  switch (data) {case '': loadXhttp(file,method,params,target); break;} 
  
  
}).catch(function (data) {


switch (error.name) {

   case 'AbortError': var error = 'Abort Error'; break; 

   default: error = 'Other Error'; break;} 

   document.write(error);

});

}

function loadXhttp(file,method,params,target) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById(target).innerHTML = this.responseText;
    }
  };
  xhttp.open(method, file, true);
  
  switch (method) {case 'GET': var send = null; break;
                  case 'POST': xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				               send = params; break;} 
  
  xhttp.send(send);
}

Answer:1

I would recommend looking into isomorphic fetch

On request, here is how you would use it

Install the isomorphic-fetch and es6-promise packages

npm install --save isomorphic-fetch es6-promise

After you have installed the packages, require them in your application

require('es6-promise').polyfill()
require('isomorphic-fetch')

This should allow you to use fetch normally

fetch(url).then(handleResponse).catch(handleError)

Answer:2

i have used isomorphic fetch and it works fine in all browsers

require('es6-promise').polyfill();
require('isomorphic-fetch');

Answer:3

For any folks finding this after failing to get Netlify's stateful React app form submit to work properly in IE 11 - (the form updates the URI bar but does not actually submit) - this is your answer!

npm install --save isomorphic-fetch es6-promise

On the first loading JS file (index.js in my case) add:

import "es6-promise";
import "isomorphic-fetch";

The submit should now go through.

(If you can't even get IE 11 to render your React app at all go ahead and "npm install babel-polyfill" and make importing it the very first line in your first loaded JS file).

Answer:4

How to draw over other apps in React-native?

I need to have something similar to Facebook Messenger's chat heads in my app, basically a bubble that can be viewed over other apps. I can't find anything online on this topic besides this question. ...

draw over other apps
draw over other apps oppo
draw over other apps mean
draw over other apps iphone
draw over other apps android 10
draw over other apps miui
draw over other apps disable
draw over other apps android permission programmatically
draw over other apps not working
draw over other apps malwarebytes
draw over other apps windows 10
draw over other apps galaxy s9
draw over other apps miui 11
draw over other apps huawei
draw over other apps meaning in hindi
draw over other apps android tv
draw over other apps android 9
draw over other apps oneplus
draw over other apps meaning in tamil
draw over other apps in realme

Understanding control flow javascript [duplicate]

There will be for sure a duplicate for this question, but I'd like to have an answer for this specific piece of code. I have this function: var somevar = ""; some.method({ ... }).then(function (...

understanding control flow
understanding control flow in javascript
understanding control flow python
understanding control flow diagram
understand control flow graph
scitools understand control flow graph
understand code control flow
understanding default flow control of the prolog program
understanding android touch flow control
understand control flow 表示されない
understand cluster control flow

First query string parameter is not parsed using qs npm package

I fail to parse the first query string parameter using the qs npm package. What am I doing wrong? I execute these commands in my console import * as qs from './qs' var addr = "https://www.somesite....

jquery get first query string parameter
redux-first-router query string

Adding and changing color in angular material design?

I am trying to add some custom color in the material design base templates, module.js var app = angular.module('AppTool', ['ngMaterial', 'ui.router', 'ngCookies', 'ngResource','ngRoute', 'satellizer'...