title: How to get json using a jsonp request
body: <p>I'm trying to use instagrams api, without having to authenticate.
  if I go to: <a href="https://www.instagram.com/explore/tags/chicago/?__a=1" rel="nofollow noreferrer">https://www.instagram.com/explore/tags/chicago/?__a=1</a></p>
  
  <p>I get a json response.
  I'm trying to build an angular 4 provider that returns that data.</p>
  
  <pre><code>getInsta(term){
      return this.jsonp.request(this.url+term+'/?__a=1&amp;callback=__ng_jsonp__.__req0.finished')
        .map(res =&gt; {
          console.log(res.json());
        });
    }
  </code></pre>
  
  <p>I've tried "callback" and "c". I've tried JSONP_CALLBACK.</p>
  
  <p>I get the error of:</p>
  
  <blockquote>
    <p>"SyntaxError: Unexpected token ':'. Parse error. - In chicago:1"</p>
  </blockquote>
  
  <p>and</p>
  
  <blockquote>
    <p>"JSONP injected script did not invoke callback"</p>
  </blockquote>
  
  <p>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!</p>
  
  <p>Any idea how i can get around this?</p>
  
  <p>Here is a screenshot of the error and when clicking on the error
  <a href="https://i.stack.imgur.com/A5e3l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A5e3l.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/jieux.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jieux.png" alt="enter image description here"></a></p>