Can i fix Cross-origin resource sharing issue with jquery without changing server side configuration?

Question

I am calling a rest service from jquery and getting the below CORS error. Can I fix this by just changing the header of jquery request rather than by changing anything in the server side?

XMLHttpRequst cannot load  https://myservice.com/api/myservice/?pos=project  'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost/2234' is therefore not allowed access. The response had HTTP status code 502

dataType='jsonp' is not working. Can you give example how can i use jsonp in jquery to call a sevice? — user4921477, Aug 03 '15 at 20:28
`$.ajax({ url : "http://address/cross-domain-cors", dataType:"jsonp", jsonp:"mycallback", success:function(data) { alert("Data:"+data"); } });` — nomail, Aug 04 '15 at 06:40

score 0 · Answer 1 · answered Aug 03 '15 at 15:10

The answer is no. CORS is configured on the server side. There is nothing the client can do to circumvent this (doing so would defeat the point of this security measure). If the server exposes a jsonp-enabled endpoint that is not subject to CORS, you could work with that without making server-side CORS configuration changes.

Pritam Banerjee · Answer 2 · 2016-04-21T02:27:31.167

The only way you can change it on the client is by using :

--disable-web-security

argument in a chrome browser. Nothing else have worked for me.

For the newer versions of Chrome :

--disable-web-security --user-data-dir

Then you can also add

--test-type

to prevent the warning popups.

All these should be added as flags when chrome is started. You can add them as parameters, after creating a shortcut and then appending these in Target path.

Can i fix Cross-origin resource sharing issue with jquery without changing server side configuration?

2 Answers2