XMLHttpRequest for http:// required Cross Origin Resource Sharing (CORS) and preflight only happen in IE

Question

I am a front-end developer. I'm coding only with client side so I don't know for sure about the error exist. I've searching about CORS, but still no idea what did my problem course.

I'm trying to post data to REST.

$.ajax({
     url        : urlPost,
     type       : "POST",
     data       : JSON.stringify(obj),
     dataType   : "json",
     contentType: "application/json",

     success: function(res){
         console.log(JSON.stringify(res));
     },

     error: function(res){
         console.log("Bad thing happend! " + res.statusText);
     }
});

Headers of web service show in firebug of firedfox :

It is working for all the browser that I used, except in IE 10, I got two errors:

1. SEC7118: XMLHttpRequest for http://mysite/project/wl.svc/AddWL/ required Cross Origin Resource Sharing (CORS).

2. SEC7119: XMLHttpRequest for http://mysite/project/wl.svc/AddWL/ required CORS preflight.

Answer 1

I think you have a CORS, so I recommend you to take a look at cors-anywhere

I have used it and it works fine all what you need to append your request url to https://cors-anywhere.herokuapp.com/ which it is a Proxy server to request the chosen URL

var cors_api_url = 'https://cors-anywhere.herokuapp.com/' + urlPost;

$.ajax({
     url        : cors_api_url,
     type       : "POST",
     data       : JSON.stringify(obj),
     dataType   : "json",
     contentType: "application/json",

     success: function(res){
         console.log(JSON.stringify(res));
     },

     error: function(res){
         console.log("Bad thing happend! " + res.statusText);
     }
});