Cross-Origin Request Blocked in jquery ajax request

Asked Dec 27 '16 at 07:57

Active Dec 27 '16 at 07:57

Viewed 3,702 times

I am trying to call an api get request by the ajax method but I am getting the Cross-Origin Request Blocked error, I have set header 'Access-Control-Allow-Origin': '*' but still I am getting this error also while setting the header why does the HTTP GET request changes to OPTION. here is my code.

    $.ajax({
        url: "https://api.ontraport.com/1/objects?objectID=5",
        type: 'GET',

        dataType: 'json',
        headers: {
          'Api-Appid': '********',
          'Api-Key': '*******',
          'Access-Control-Allow-Origin': '*'
        },
        success: function(data) {
          console.log(data);
        },
        error: function(error) {
              console.log(error);
        },
    });

asked Dec 27 '16 at 07:57

Elsie Hamilton

3

That header needs to be set on server for response...not as request header. You can't force an api that is not CORS enabled to be enabled – charlietfl Dec 27 '16 at 07:58
1

The server responding should have the header `'Access-Control-Allow-Origin': '*'` In this case you have made the client sent that header. – divyenduz Dec 27 '16 at 07:58
For reference, http://enable-cors.org/server.html – divyenduz Dec 27 '16 at 07:59
Possible duplicate of http://stackoverflow.com/q/31513450/1681154 – Saurabh Sharma Dec 27 '16 at 07:59
@Elsie: you need to set your server to allow CORS (Access-control-allow-origin), in PHP via `header`(http://enable-cors.org/server_php.html) – DennyHiu Dec 27 '16 at 07:59
@DennyHiu My platform is ruby on rails – Elsie Hamilton Dec 27 '16 at 08:01
Do you control the endpoint you are calling in question? If not you will need to use your server (or third party service) as a proxy – charlietfl Dec 27 '16 at 08:07

Cross-Origin Request Blocked in jquery ajax request

0 Answers0