Cross domain jquery ajax error on same domain

Question

So the problem is i keep getting this error. Its very intermittent and is looking some what like a Loch Ness Monster bug. Since it is never been seen on my system i just have the error report i checked stack overflow. Only 2 questions exist like mine but with no answers. So here is the code.

$(function() {
    $.get("http://mysite.com/menu/popoutmenu1.php", {}, function(response) {
        $("body").append(response);
    })
})

When that code is executed (obviously not an exact replica of the code i am using) i get this error.

XMLHttpRequest cannot load http://www.mysite.com/menu/popoutmenu1.php. 
Origin http://mysite.com is not allowed by Access-Control-Allow-Origin.

Now this works perfectly fine on my computer, but on my friends computer (its on some website) is getting the same error! I have tried SEVERAL computers and all of them work. I am very confused on this.

If anyone has any suggestions that would be great, thanks.

Matt Whipple · Accepted Answer · 2012-10-06 22:46:52Z

2

Use a relative or root relative URL (path only, without hostname):

$(function() {
    $.get("/menu/popoutmenu1.php", {}, function(response) {
        $("body").append(response);
    })
})

Self enforced SOP compliance, if you can't do it that way you'll have SOP issues.

It looks like it may be an issue with hostname forwarding. But either way this will address it.

edited Oct 6, 2012 at 22:46

answered Oct 6, 2012 at 22:41

Matt Whipple

7,1541 gold badge26 silver badges35 bronze badges

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

3 Comments

ThePrimeagen Over a year ago

Interesting... I will have to see if that works. it just does not make any sense since they are both from the same server.

Matt Whipple Over a year ago

The same origin policy applies not just to the same server but the same connection specifics (for instance port). In the error message that you provided one is the second level domain mysite.com, while the other has the www hostname. There is most likely a forwarding proxy that does redirects rather than being transparent to handle the different hostnames, or possibly the server is configured to use a specific host name which doesn't match what you're using. Either way the name is being changed between request and response which is enough to break the constraints of SOP.

ThePrimeagen Over a year ago

So this is what i did (since i have several servers) All ajax queries use my namespace myNamespace.getUrl(). The nice part is my getUrl() did return mysite.com it now just uses the relative root path (depending on the server (test/stage/produciton have different ones). Thank you very much! (the getUrl() is set by the phpsies.

Collectives™ on Stack Overflow

Cross domain jquery ajax error on same domain

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related