如何使用jsonp请求获取json

Question

I'm trying to use instagrams api, without having to authenticate. if I go to: https://www.instagram.com/explore/tags/chicago/?__a=1

I get a json response. I'm trying to build an angular 4 provider that returns that data.

getInsta(term){
    return this.jsonp.request(this.url+term+'/?__a=1&callback=__ng_jsonp__.__req0.finished')
      .map(res => {
        console.log(res.json());
      });
  }

I've tried "callback" and "c". I've tried JSONP_CALLBACK.

I get the error of:

"SyntaxError: Unexpected token ':'. Parse error. - In chicago:1"

and

"JSONP injected script did not invoke callback"

If I click on the unexpected token error, it brings me to the response with all the json data in it. So that means it's coming through, I just cant access it!

Any idea how i can get around this?

Here is a screenshot of the error and when clicking on the error

Answer 1

JSONP is a method to fetch data cross origin, it works because it injects a script tag to the body when the src of the file contains the callback function name.

<script src="http://ani.site.com/api/?callback=myGlobalFunc">

And it assumes that there is a global func on the window with the name myGlobalFunc .

The response of that call gonna look like: myGlobalFunc({data: 'data1'}) . Invocation of the function with one argument which is the data.

In your case, Instagram API return JSON not JSONP .

There for you can't use that mechanism.