Consuming an API field

dominatrix1 · 28 Oct 2015 at 11:44

I have been given a link to public API field that I need to consume

https://api.flickr.com/services/feeds/photos_public.gne?tags=potato&tagmode=all&format=json

However I want to use some of the data and turn some of it into an object that I can use - however the data that I am getting back is not in normal JSON format so I cant use it how I would normally would.

Does anyone know how I can solve this?

dominatrix1 · 28 Oct 2015 at 11:51

I want to use it in angular

dominatrix1 · 28 Oct 2015 at 13:24

So how would I get say the title out out of this object ?

dominatrix1 · 28 Oct 2015 at 14:00

Hmm doesnt seem to work I am getting an error - I have solved the CORS issue so thats not a problem.

What I don't understand it why the web page does not look like a normal JSON page

dominatrix1 · 28 Oct 2015 at 14:15

SyntaxError: Unexpected token '
at Object.parse (native)

I was getting a response fine with the previous but for some reason it doesnt like the jsoncallback=1..

dominatrix1 · 28 Oct 2015 at 14:18

Code:

this.getPhoto = function(){
    console.log('gettinghere')
    $http
    .get('https://api.flickr.com/services/feeds/photos_public.gne?tags=potato&tagmode=all&format=json&nojsoncallback=1')
    .then(function(response){
      var photoData = response.data
      console.log(photoData)
      self.addPhoto(photoData)
    })
    // self.newPhoto = '';
  }

  self.addPhoto = function(photoData){

    var newPhotoObject = {
      title: photoData['title']
    }
    // console.log(newPhotoObject)
    self.photos.push(newPhotoObject);
    var newPho = new Photo(newPhotoObject);
    newPho.$save(function(){
      newPhotoObject = {}
    });
  }

dominatrix1 · 28 Oct 2015 at 14:26

hmmm for some reason not working in angular

dominatrix1 · 28 Oct 2015 at 14:30

yes that works but in anguar when I try adn work with the response from the JSON I get

Cannot read property 'title' of undefined

dominatrix1 · 28 Oct 2015 at 14:45

https://jsfiddle.net/rvvmdxfv/

this is ACTUALLY the correct link

dominatrix1 · 28 Oct 2015 at 14:45

im logging the response in the console and I am getting the same thing but I cant access the response with the callback=1

dominatrix1 · 28 Oct 2015 at 15:10

that's weird I have never put angular in JS fiddle before - It seems to think the flickrApp does not exist - but I defined it in the JS at the top and in the HTML

dominatrix1 · 28 Oct 2015 at 15:59

I think I need to set the request to JSONP but Im not sure how to do that?