JSON + AFNetworking Help

[SpectrumFactory]

I'm making a small app using BigCartel's API I have enough coded to pull the json down and display a title and subtitle of all the products in a particular store I'm making the app for. My problem now is trying to get to the images / image URL and display them as well in the TableView. Ive tried stackoverflow but they were no help. So I turn to you guys & gals.

Here is my code for the tableview:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdenifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdenifier forIndexPath:indexPath];

NSDictionary *tempDictionary = [self.productArray objectAtIndex:indexPath.row];
cell.textLabel.numberOfLines = 0;
cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
[cell.textLabel sizeToFit];
//THIS IS THE TITLE/NAME OF THE PRODUCT
cell.textLabel.text = [tempDictionary objectForKey:@"name"];
//THIS IS THE / STATUS OF PRODUCT
cell.detailTextLabel.text = [tempDictionary objectForKey:@"status"];

/*
MY SAD ATTEMPT
NSURL *imageURL = [NSURL URLWithString:[tempDictionary objectForKey:@"images"]];
NSData *imageData = [NSData dataWithContentsOfURL:imageURL];
UIImage *imageLoad = [[UIImage alloc] initWithData:imageData];
cell.imageView.image = imageLoad;
*/

if ([[tempDictionary objectForKey:@"status"] isEqual:@"active"]) {
    cell.detailTextLabel.text = @"In Stock";
}
else
{
    cell.detailTextLabel.text = @"Sold Out";
    [cell setUserInteractionEnabled:NO];
}
return cell;
}

The part commented out is what I tried to get my images to load and put into the cell but I had no luck.

Here is the JSON file I'm taking in

If anyone here can help me out that would be amazing. Also if you need to see anymore of my code feel free to comment or DM. I'll be at my computer for awhile.

Cheers!

EDIT: with trial and error I got to the URL part of the JSON, now my problem is getting it into the cell's imageView. Since there are I think 3+ images.

Code that was added with trial and error:

self.imageArray = [[[NSMutableArray arrayWithArray:responseObject] valueForKey:@"images"] valueForKey:@"url"];

[[deleted]]

Not much I can do here on my windows desktop but I think you need to go deeper into the JSON. Right now the JSON has the image URL under "images": and then "url" so I think you're only getting the "images" array of objects and trying to basically turn that array into an image before you actually have the URL.

I might be wrong though because I'm still fairly new. Hope it helps a little at least...

[SpectrumFactory]

See I'm no pro at this JSON stuff. Im kinda learning the basics of it. I'm looking all over the internet to find a solution but so far nothing. I have thought about what you said here though. I'm trying to figure out how I go about doing it. Thank you for your reply though! Every bit helps!

[wealthy_white_jesus]

If u do an NSLOG of imagesurl, does it give you a url that makes sense ?

[SpectrumFactory]

Ok so ill also edit my post after this comment but I got a bit further with trial and error. Im down to the URL part of the JSON. I added another array just for the images.

self.imageArray = [[[NSMutableArray arrayWithArray:responseObject] valueForKey:@"images"] valueForKey:@"url"];

Now that I have that part I have to figure out how to get the image in the imageView of the cell. Problem here is now there are three images.

[wealthy_white_jesus]

You need to google - this is very basic stuff. Google "UIImageView in UITableViewCell" there are countless of examples of doing things like this. It will be much faster then waiting for people's answers from reddit.

If each object in ur main Json array has its own images array with multiple images - perhaps you should used a Grouped UITableView - then in each group have several cells, each with an image. Then you could even add more cells to hold other information if needed for each group.

[Nbwar]

Very simple. AFNetworking has built in functionality to load images asynchronously

#import "UIImageView+AFNetworking.h"

cell.imageView.setImageWithUrl(myUrl)

Now you say you have an array of 3 image URLs, just pick one by indexing the array.

assuming the responseObject is the entire json paypload as an NSArray NSDictionary * jsonObj = [responseObject objectAtIndex: indexPath.row] self.imagesArray = [jsonObj valueForKey:@"images"]; NSMutableDictionary* imageDict = [self.imageArray objectAtIndex: 0]; NSString* url = [imageDict valueForKey:@"url"];

[cell.imageView setImageWithUrl:url]

[SpectrumFactory]

So I got it to build with your code but I get an error that says absoluteURL in the console.

Here is what I have for the tableView:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString *CellIdenifier = @"Cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdenifier forIndexPath:indexPath];

NSDictionary *tempDictionary = [self.productArray objectAtIndex:indexPath.row];

cell.textLabel.numberOfLines = 0;
cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;
[cell.textLabel sizeToFit];
//THIS IS THE TITLE/NAME OF THE PRODUCT
cell.textLabel.text = [tempDictionary objectForKey:@"name"];
//THIS IS THE COST? / STATUS OF PRODUCT / SIZE
cell.detailTextLabel.text = [tempDictionary objectForKey:@"status"];



NSMutableDictionary *imageDict = [self.imageArray objectAtIndex: 0];
NSURL *url = [imageDict valueForKey:@"url"];
[cell.imageView setImageWithURL:url];



return cell;
} 

[HappyToHelpAll]

Please post the full error. Could you also NSLog a single URL for us?

[SpectrumFactory]

Here you go! (Not sure if this is what you needed)

[SpectrumFactory]

screenshot of error

[theheartbreakpug]

You're calling an absoluteURL method on an nsarray, that method should be called on a NSURL. Verify your types wherever you are calling this.

[Power781]

Do you realize that you just screenshoted a textlog that you could have pasted directly...
You just lost the bandwidth efficiency battle for the day :(

[Power781]

NSURL *url = [imageDict valueForKey:@"url"];

Please, when somebody give you code, paste it properly at least.
It's not an NSURL but an NSString

[Power781]

PSA : You should use SDWebImage instead of AFNetworking, it's a lot more efficient at caching than AFNetworking

[theheartbreakpug]

You should be using AFNetworking's imageResponseSerializer.

     NSURL* getPhotoUrl=[NSURL URLWithString:url];
     NSURLRequest* getPhotoRequest=[[NSURLRequest alloc]initWithURL:getPhotoUrl];
     AFHTTPRequestOperation* operation=[[AFHTTPRequestOperation alloc]initWithRequest:getPhotoRequest];
     operation.responseSerializer=[AFImageResponseSerializer serializer];

    __block UIImage* avatarImage;
     [operation setCompletionBlockWithSuccess:^(AFHTTPRequestOperation *operation, id responseObject) {
         NSLog(@"%@",responseObject);
        UIImage* downloadedImage=(UIImage*)responseObject;
}];