how to read json data from php web service using nsserialization.?

Question

I am working with json parsing using nsserialization. i have a json data and i want to parse it in uicollectionview. this is my json api data.

{
  "result": "Successful",
  "data": [
    {
      "id": "2",
      "product_name": "6\" Round Plate",
      "sku": "ECOW6RP",
      "description": "Ideal for serving finger foods and snacks. The safe and healthy serving option. Made from 100% sugarcane pulp, these plates can be used in microwaves and freezers. \r\n\r\nDiameter 6.0 (inch) x Depth 0.6 (inch)",
      "price": "100.00",
      "business_price": "90.00",
      "image": "14531965421452838128ecow6rp_02.jpg",
      "pack_size": "10",
      "business_pack_size": "50",
      "category": "2,3",
      "tax_class": "1",
      "created": "2016-01-19",
      "altered": "2016-01-21 11:13:42",
      "status": "1",
      "deleted": "0"
    },
    {
      "id": "3",
      "product_name": "Bio Bags (Large)",
      "sku": "ECOWGBL",
      "description": "Bio Bags (Large) Description ",
      "price": "100.00",
      "business_price": "90.00",
      "image": "14531967251452837823ECOWGBS_03.jpg",
      "pack_size": "10",
      "business_pack_size": "50",
      "category": "2,3",
      "tax_class": "1",
      "created": "2016-01-19",
      "altered": "2016-01-21 11:14:37",
      "status": "1",
      "deleted": "0"
    },
    {
      "id": "4",
      "product_name": "Bio Bags (Medium)",
      "sku": "ECOWGBM",
      "description": "Bio Bags (Medium) Description \r\n",
      "price": "100.00",
      "business_price": "90.00",
      "image": "14531968711452837959ECOWGBM_03.jpg",
      "pack_size": "10",
      "business_pack_size": "50",
      "category": "2,3",
      "tax_class": "1",
      "created": "2016-01-19",
      "altered": "2016-01-21 11:14:47",
      "status": "1",
      "deleted": "0"
    },
    {
      "id": "5",
      "product_name": "Bio Bags (Small)",
      "sku": "ECOWGBS",
      "description": "Bio Bags (Small) Description",
      "price": "74.00",
      "business_price": "64.00",
      "image": "14531969571452838088ECOWGBL_02.jpg",
      "pack_size": "10",
      "business_pack_size": "50",
      "category": "2,3",
      "tax_class": "1",
      "created": "2016-01-19",
      "altered": "2016-01-21 11:14:59",
      "status": "1",
      "deleted": "0"
    },
    {
      "id": "6",
      "product_name": "7\" Round Plate",
      "sku": "ECOW7RP",
      "description": "Ideal for serving finger foods and snacks. The safe and healthy serving option. Made from 100% sugarcane pulp, these plates can be used in microwaves and freezers. \r\n\r\nDiameter 7.2 (inch) x Depth 0.6 (inch)",
      "price": "100.00",
      "business_price": "90.00",
      "image": "14531971831452838830ecow7rp_01.jpg",
      "pack_size": "10",
      "business_pack_size": "50",
      "category": "2,3",
      "tax_class": "1",
      "created": "2016-01-19",
      "altered": "2016-01-21 11:14:17",
      "status": "1",
      "deleted": "0"
    }
  ]
}

This is my json data now i want to parse only product_name, id, image in uicollectionview cell. this is my code below.

- (void)viewDidLoad {
  [super viewDidLoad];

  [UIApplication sharedApplication].networkActivityIndicatorVisible = YES;
  NSURL *url =  [NSURL URLWithString:@"http://dev1.brainpulse.org/ecoware1/webservices/products/2"];
  NSURLRequest *request= [NSURLRequest requestWithURL:url];
  [NSURLConnection connectionWithRequest:request delegate:self];
  _collectionview.delegate = self;
  _collectionview.dataSource = self;
}

-(void)connection:(NSURLConnection *)connection   didReceiveResponse:(nonnull NSURLResponse *)response{
  data = [[NSMutableData alloc] init];
  NSLog(@"Did receive response");
}

-(void)connection:(NSURLConnection *)connection didReceiveData:(NSData *)thedata{
  [data appendData:thedata];
  NSLog(@"daata");
}

-(void)connectionDidFinishLoading:(NSURLConnection  *)connection {
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
  productname = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];
  [_collectionview reloadData];
}

-(void)connection:(NSURLConnection *)connection didFailWithError:(NSError *)error {
  UIAlertView *errorview= [[UIAlertView alloc]initWithTitle:@"Error" message:@"The download could not complete please make sure you're connected to internet" delegate:nil cancelButtonTitle:@"Dismiss" otherButtonTitles: nil];
  [errorview show];
  [UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
  return [productname count];
}

-(UICollectionViewCell*)collectionView:(UICollectionView   *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
  OneTimeCell *cell = (OneTimeCell*)[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
  // cell.productname.text = [[productname    objectAtIndex:indexPath.row] objectForKey:@"product_name"];
  NSArray *myArr = [productname objectAtIndex:indexPath.row];
  cell.productname.text = [[myArr objectAtIndex:0] objectForKey:@"result"];
  return cell;
}

i want to update image directly from the url, i make a url by adding a object key for image and wan to parse that image on my image view please see my code below

 NSString *image = [[productname objectAtIndex:indexPath.row] objectForKey:@"image" ];
NSLog(@"image  %@", image);

NSURL *baseURL = [NSURL URLWithString:@"http://dev1.brainpulse.org/ecoware1//app/webroot/img/uploads/Product/thumb/"];
NSURL *url = [NSURL URLWithString:image relativeToURL:baseURL];
NSURL *absURL = [url absoluteURL];
NSLog(@"absURL = %@", absURL);



    cell.productimage.image = [UIImage imageWithData:[NSData     dataWithContentsOfURL:[NSURL URLWithString:absURL]]];

yes sir, i am getting error in debug area after crashing the app like:- "Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSCFDictionary objectAtIndex:]: unrecognized selector sent to instance 0x7961dbe0' " — sandeep tomar, Jan 29 '16 at 12:23
you are getting product name as string right? After that you need to get the dictionary then you will be able to show in collection view as "data" array — Reshmi Majumder, Jan 29 '16 at 12:23
ya correct what the answer you want to shown in your collectionview — Anbu.Karthik, Jan 29 '16 at 12:23
Three thing i want to show in collection view first is image, product name on uilabel and third one is id. — sandeep tomar, Jan 29 '16 at 12:24
@Anbu.Karthik i don't know sir where i made mistake in my code.? — sandeep tomar, Jan 29 '16 at 12:33

score 2 · Answer 1 · edited Jan 29 '16 at 12:46

2

indexPath.row Use this

NSDictionary *dictn=[NSJSONSerialization JSONObjectWithData:receivedData options:kNilOptions error:&error];

NSArray *arr_data = [dictn objectForKey:@"data"];

// In cellForItemAtIndexPath collectionviewcell delegate

NSDictionary *one_object = [arr_data objectAtIndex:indexPath.row];

edited Jan 29 '16 at 12:46

Anbu.Karthik

82,064
23
174
143

answered Jan 29 '16 at 12:26

Reshmi Majumder

961
4
15

should i place this code inside did receive method "NSDictionary *dictn=[NSJSONSerialization JSONObjectWithData:receivedData options:kNilOptions error:&error]; NSArray *arr_data = [dictn objectForKey:@"data"]; " – sandeep tomar Jan 29 '16 at 12:31
No in connectionDidFinishLoading – Reshmi Majumder Jan 29 '16 at 12:32
how will i add dictionary object image name in the url and thanks download that image.? – sandeep tomar Feb 01 '16 at 10:08
@ReshmiMajumder, give me some suggestions please – sandeep tomar Feb 01 '16 at 10:31
sorry! but I am unable to understand your querry "how will i add dictionary object image name in the url and thanks download that image.?" – Reshmi Majumder Feb 01 '16 at 10:36

score 1 · Answer 2 · answered Jan 29 '16 at 12:33

You're referencing the productName dictionary, and I'm guessing what you want to access is the array embedded within it.

In your didFinishLoading method, pull out the array like this:

NSDictionary * someDictionary = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];
productname = someDictionary[@"data"];

Then, in your cellForItemAtIndexPath method, pull out the bits you want:

NSDictionary * cellData = productName[indexPath.row]; //refers to the cell at that index
NSString * product_nameString = cellData[@"product_name"];
NSString * description = cellData[@"description"]; //etc
cell.productName.text = product_nameString;

You can tell what's a dictionary, and what's an array in your JSON by looking at the brackets. { } == dictionary / object, [ ] == array. Access arrays with an index and dictionaries with a key. It looks like 'data' is just an array of dictionaries.

Anbu.Karthik · Accepted Answer · 2016-01-29T12:48:56.847

1

Step-1

allocate the memory of your NSMutableArray in ViewDidLoad, like this

- (void)viewDidLoad {
 [super viewDidLoad];

productname = [NSMutableArray New];
}

Step-2

  -(void)connectionDidFinishLoading:(NSURLConnection  *)connection
  {
[UIApplication sharedApplication].networkActivityIndicatorVisible = NO;
NSArray *arr = [[NSJSONSerialization JSONObjectWithData:data options:0 error:nil]objectForKey:@"data"];

   [productname removeAllObjects];

    for (NSDictionary *tmp in arr)
   {
   NSMutableDictionary *temp = [NSMutableDictionary New];
   [temp setObject:[tmp objectForKey:@"product_name"] forKey:@"product_name"];
   [temp setObject:[tmp objectForKey:@"id"] forKey:@"id"];
   [temp setObject:[tmp objectForKey:@"image"] forKey:@"image"];

   [productname addObject:temp];

   }
  if (productname)
 {
 [_collectionview reloadData];
 }

  }

Step-3

   -(UICollectionViewCell*)collectionView:(UICollectionView   *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{

OneTimeCell *cell = (OneTimeCell*)[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];


cell.productname.text = [[productname objectAtIndex:indexPath.row] objectForKey:@"product_name"];


return cell;

        }

edited Jan 29 '16 at 12:48

answered Jan 29 '16 at 12:40

Anbu.Karthik

82,064
23
174
143

Thanks for your response sir, i tried to follow your answer – sandeep tomar Jan 29 '16 at 12:44
ya it works , in my small suggestion in here use tableview no need of collection View – Anbu.Karthik Jan 29 '16 at 12:46
yes sir thank for suggestion, but client want it like in grid view so i need to implement collectionview – sandeep tomar Jan 29 '16 at 12:49
you always rock sir, now i am getting data correctly just little issues are there now, i will back to you sir if i have any issue. – sandeep tomar Jan 29 '16 at 12:54
Hello sir, i am having trouble for download image.? – sandeep tomar Feb 01 '16 at 09:00
i am using this url for download the image please see this :- "http://dev1.brainpulse.org/ecoware1//app/webroot/img/uploads/Product/thumb/14531965421452838128ecow6rp_02.jpg ". i parse it perfectly but its is static now. – sandeep tomar Feb 01 '16 at 09:02
i want to add image name from the web service(in my question) at the end of this url and download it. – sandeep tomar Feb 01 '16 at 09:04
thanks for your response sir let me clear my question again – sandeep tomar Feb 01 '16 at 12:20
Hello sir i updated my question again please check it once – sandeep tomar Feb 01 '16 at 12:24
simple the link helps u http://stackoverflow.com/questions/32303778/how-to-install-sdwebimage – Anbu.Karthik Feb 01 '16 at 12:32
yes sir, i get a url when i print " NSLog(@"absURL = %@", absURL);" this line, this is the url i get:- " http://dev1.brainpulse.org/ecoware1//app/webroot/img/uploads/Product/thumb/14531965421452838128ecow6rp_02.jpg". IN hit url the last parti of url after thumb/ are dynamic. so when i hit this i got a image. now i just want to get absurl image on uiimage. – sandeep tomar Feb 01 '16 at 12:37
hello sir i need your help please – sandeep tomar Feb 04 '16 at 10:45

how to read json data from php web service using nsserialization.?

3 Answers3