javascript - Cross domain ajax json - Stack Overflow

admin管理员组

文章数量:1312824

I'm on site trying to grab some json data from my node.js server serving on port 8080.

I get this Error message:

XMLHttpRequest cannot load :8080/json/1. Origin  is not allowed by Access-Control-Allow-Origin.

my code:

    $.get(':8080/1/', {}, function (Data) {
       console.log(Data);
    }, "json");

But it is the same domain though! :(

Also consider my backbone.js model:

model = Backbone.Model.extend({
    url: function() {
        return ':8080/' + this.id
    }
});

Is there any way to resolve this other than using jsonp?

Thanks.

I'm on site. trying to grab some json data from my node.js server serving on port 8080.

I get this Error message:

XMLHttpRequest cannot load http://site.:8080/json/1. Origin http://site. is not allowed by Access-Control-Allow-Origin.

my code:

    $.get('http://site.:8080/1/', {}, function (Data) {
       console.log(Data);
    }, "json");

But it is the same domain though! :(

Also consider my backbone.js model:

model = Backbone.Model.extend({
    url: function() {
        return 'http://site.:8080/' + this.id
    }
});

Is there any way to resolve this other than using jsonp?

Thanks.

• javascript
• jquery
• ajax
• cross-domain
• backbone.js

Share Improve this question Follow asked Feb 14, 2011 at 0:30 FriiSourceFriiSource 32122 gold badges66 silver badges1212 bronze badges 2

• 9 The ports must match as well, otherwise jsonp is indeed the only option. – Pekka Commented Feb 14, 2011 at 0:35
• I'm having the same issue. IMHO, this should be clarified in the documentation (that ports are considered to be part of the domain). Also, are requests across subdomains illegal as well? – snapfractalpop Commented Mar 30, 2012 at 14:59

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 7

If you're making the call to the same domain, why do you have the absolute path in your $.get request?

Try this:

$.get('/1/', {}, function (Data) {
   console.log(Data);
}, "json");


model = Backbone.Model.extend({
    url: function() {
        return '/' + this.id
    }
});

If you are truly making the call on the same domain, then the above code should work.

Alternatively, you could modify your node.js server to allow Cross-Origin Resource Sharing (CORS). This only works in modern browsers. The simplest (and least secure) thing to do would be for your node.js server to emit the header "Access-Control-Allow-Origin: http://site.". You can learn more about CORS here: http://www.w3/TR/cors/

You have to make the call to the same domain and port your script was loaded from. You should be able to use jmort's code.

本文标签： javascriptCross domain ajax jsonStack Overflow