0

I'm using WordPress and from the code i have added a json get request. This json result is hosted on other server in asp.net platform below is my code : 

var getJSON = function(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.withCredentials = true;
    xhr.responseType = 'json';
    xhr.onload = function() {
        var status = xhr.status;    
        if (status == 200) {
            callback(null, xhr.response);
        } else {
            callback(status);
        }
    };

    xhr.send();

};

getJSON('....api/data/Getallunits',  function(err, data) {
    mydata = data;
});

I'm getting this error: "Access to XMLHttpRequest at '...../api/data/Getallunits' from origin 'mywordpress' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

Is there anything can be done by adding in wordpress, any phpcode or any plugin i tried with WP-CORS plugin but didn't worked, please advice if any code should be added on the json get request or any other edits.

helvete
  • 1,416
  • 5
  • 26
  • 26
user11196214
  • 27
  • 2
  • do you have access to the server that is `..../api/data/Getallunits`? if so, that's where the CORS needs to be configured – Jaromanda X Apr 04 '19 at 08:50
  • Your API server must authorize your wordpress server's domain to call it. If the API server is not yours, you cannot call it. – sjahan Apr 04 '19 at 08:50
  • `you cannot call it` - at least, not from a browser ... another server can – Jaromanda X Apr 04 '19 at 08:53
  • It's not the way but if you still want to test you can disable your browser security, or there's a lot of extensions to disable cors. check https://stackoverflow.com/questions/3102819/disable-same-origin-policy-in-chrome – AZ_ Apr 04 '19 at 08:53
  • if i host this in the same server where api is hosted does that work?? – user11196214 Apr 04 '19 at 09:48

0 Answers0