jQuery - No Access Control Allow Origin

Question

I'd like to load a site from a different domain. I've already set headers through php in my header.php file:

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: PUT, GET, POST, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: *");

I've searched around for the correct way to do the ajax request with cross domain enabled and ended up with this:

$.ajax(
{
    type: 'GET',
    url: target,
    processData: true,
    data: {},
    dataType: "json",
    success: function (data)
    {
        $("#toolsarea").attr('src', target);
    }
});

but I still get the error "No 'Access-Control-Allow-Origin". Is there still something I'm missing?

Possible duplicate of Access-Control-Allow-Origin error sending a jQuery Post to Google API's — Sean
– Sean, Commented Dec 18, 2015 at 2:33

GibboK · Accepted Answer · 2016-07-07 09:27:16Z

0

Your issue is related to Same origin policy which prevent JavaScript to make an AJAX request for security reasons.

You need to make sure CORS is enabled on your PHP server.

You can do it using:

<?php
 header("Access-Control-Allow-Origin: *")

More information on how to enable CORS on your server can be found here:

http://enable-cors.org/server_php.html

You can read more about Same-origin policy on the client here:

https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy

answered Jul 7, 2016 at 9:27

GibboK

74.3k149 gold badges453 silver badges676 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery - No Access Control Allow Origin

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related