nodejs jsonp - Access-Control-Allow-Origin Error

Question

I'm pretty sure JSONP means no cross domain restrictions. I'm trying to make a JSONP service using node and express. Here is simple code:

self.routes['/portfolio'] = function(req, res) {
      // Website you wish to allow to connect
         res.jsonp({ "my": "object" });
};

When I do:

$.getJSON('http://127.0.0.1:8080/portfolio', function(data){ console.log(data)});

I get this error.

XMLHttpRequest cannot load http://127.0.0.1:8080/portfolio. The 'Access-Control-Allow-Origin' header has a value 'http://127.0.0.1:8080/portfolio' that is not equal to the supplied origin. Origin 'http://api.jquery.com' is therefore not allowed access.

Can someone explain what is going on here? Why do we need to supply header value if this is JSONP. How can I make this work cross domain?

check this stackoverflow.com/questions/11916780/changing-getjson-to-jsonp You need to add callback call also — Abhijith A C
– Abhijith A C, Commented Aug 12, 2015 at 13:43

Dal Hundal · Accepted Answer · 2015-08-12 13:43:32Z

3

$.getJSON does not treat the request as JSONP unless the request URL includes a string like callback=?.

So, try doing this instead;

$.getJSON('http://127.0.0.1:8080/portfolio?callback=?', function(data){ console.log(data)});

answered Aug 12, 2015 at 13:43

Dal Hundal

3,32218 silver badges21 bronze badges

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

Comments

Juned Lanja · Accepted Answer · 2015-08-12 13:45:56Z

1

Actually, you just have to add ?callback=?, jQuery does the rest.

  $(document).ready(function() {
        $.getJSON('http://127.0.0.1:8080/portfolio?callback=?', function(data) {
            console.log(data);
        });
    });

Source: http://api.jquery.com/jQuery.getJSON/

answered Aug 12, 2015 at 13:45

Juned Lanja

1,48410 silver badges21 bronze badges

Comments

Love-Kesh · Accepted Answer · 2015-08-12 13:46:05Z

0

Put below code into app.js or server.js

/*************To Allow access to cross domain request *************/

   app.all('*', function(req, res, next) {
           res.header('Access-Control-Allow-Origin', '*');
           res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
           res.header('Access-Control-Allow-Headers', 'Content-Type');
           next();
   });

   /*************To Allow access to cross domain request *************/

answered Aug 12, 2015 at 13:46

Love-Kesh

8129 silver badges17 bronze badges

1 Comment

Pointy Over a year ago

He's trying to make a JSONP API, so this is not necessary.

Abhijith A C · Accepted Answer · 2015-08-12 14:01:40Z

0

Use $.ajax with dataType jsonp

$.ajax({
    type: 'GET',
    cache: false,
    url: 'http://portfoliomanager-sran.rhcloud.com/portfolio?callback=?',
    dataType: 'jsonp'  
}).then(function(response){
console.log(response);
});

answered Aug 12, 2015 at 14:01

Abhijith A C

5402 gold badges8 silver badges21 bronze badges

Collectives™ on Stack Overflow

nodejs jsonp - Access-Control-Allow-Origin Error

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related