UITableView 中未加载 JSON 数据

Posted

技术标签:

【中文标题】UITableView 中未加载 JSON 数据【英文标题】:JSON data not loading in UITableView 【发布时间】:2014-06-06 19:57:08 【问题描述】:

我有一个 ping ebay 并将 JSON 返回到 ios 应用程序的函数。我想要做的是用返回的 JSON 填充我的 UITableView。我已经根据我对它应该如何工作的理解设置了代码,但是表加载时没有任何数据。我认为这可能是因为在返回 JSON 之前正在加载表,但不知道如何解决这个问题。

MatchCenterViewController.h

#import <UIKit/UIKit.h>
#import <Parse/Parse.h>
#import "AsyncImageView.h"
#import "SearchViewController.h"

@interface MatchCenterViewController : UIViewController <UITableViewDataSource>

@property (nonatomic) IBOutlet NSString *itemSearch;
@property (nonatomic, strong) NSArray *imageURLs;

@property (strong, nonatomic) NSString *matchingCategoryCondition;
@property (strong, nonatomic) NSString *matchingCategoryLocation;
@property (strong, nonatomic) NSNumber *matchingCategoryMaxPrice;
@property (strong, nonatomic) NSNumber *matchingCategoryMinPrice;


@property (strong, nonatomic) NSArray *matchCenterArray;


@end

MatchCenterViewController.m:

#import "MatchCenterViewController.h"
#import <UIKit/UIKit.h>

@interface MatchCenterViewController () <UITableViewDataSource, UITableViewDelegate>
@property (weak, nonatomic) IBOutlet UITableView *matchCenter;
@end

@implementation MatchCenterViewController



- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) 
        // Custom initialization
    
    return self;


- (void)viewDidLoad


    [super viewDidLoad];


    //perform search with criteria just submitted
    [PFCloud callFunctionInBackground:@"MatchCenterTest"
                       withParameters:@
                                        @"test": @"Hi",
                                        
                                block:^(NSDictionary *result, NSError *error) 




                                    if (!error) 
                                        self.matchCenterArray = [result objectForKey:@"Top 3"];

                                        NSLog(@"Test Result: '%@'", result);
                                    
                                ];

    self.matchCenterArray = [[NSArray alloc] init];


- (void)viewDidAppear:(BOOL)animated



    [PFCloud callFunctionInBackground:@"MatchCenterTest"
                       withParameters:@
                                        @"test": @"Hi",
                                        
                                block:^(NSDictionary *result, NSError *error) 

                                    if (!error) 
                                        NSLog(@"Test Result: '%@'", result);
                                    
                                ];





- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

    return 1;


- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

    return [self.matchCenterArray count];




- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath



    static NSString *CellIdentifier = @"Cell";

    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];

    NSDictionary *matchCenterDictionary= [self.matchCenterArray objectAtIndex:indexPath.row];

    cell.textLabel.text = [matchCenterDictionary objectForKey:@"Title"];

    if([matchCenterDictionary objectForKey:@"Price"] != NULL)
    
        cell.detailTextLabel.text = [NSString stringWithFormat:@"$%@",[matchCenterDictionary   objectForKey:@"Price"]];
    

    return cell;





- (void)didReceiveMemoryWarning

    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.





/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender

    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.

*/

@end

正在返回的 JSON:


    "Top 3" =     (
                
            "Item 1" =             (
                                
                    Title = "Apple iPhone 5s (Latest Model) - 16GB - Silver (AT&T) Smartphone";
                ,
                                
                    Price = "400.0";
                ,
                                
                    "Image URL" = "http://thumbs2.ebaystatic.com/m/mewfVG0QbBiu1nZytMuAlZw/140.jpg";
                ,
                                
                    "Item URL" = "http://www.ebay.com/itm/Apple-iPhone-5s-Latest-Model-16GB-Silver-AT-T-Smartphone-/181431570117?pt=Cell_Phones";
                
            );
        ,
                
            "Item 2" =             (
                                
                    Title = "Apple iPhone 5c (Latest Model) - 16GB - Pink (Verizon) Smartphone";
                ,
                                
                    Price = "350.0";
                ,
                                
                    "Image URL" = "http://thumbs4.ebaystatic.com/m/mMPAT67KjfCZF9oorbTf3uw/140.jpg";
                ,
                                
                    "Item URL" = "http://www.ebay.com/itm/Apple-iPhone-5c-Latest-Model-16GB-Pink-Verizon-Smartphone-/191204844039?pt=Cell_Phones";
                
            );
        ,
                
            "Item 3" =             (
                                
                    Title = "Apple iPhone 5 \U2013 16GB, White, works with Virgin Mobile US \U2013 NEW";
                ,
                                
                    Price = "359.99";
                ,
                                
                    "Image URL" = "http://thumbs3.ebaystatic.com/m/m5x1uj1iSS2fr691tifrvrw/140.jpg";
                ,
                                
                    "Item URL" = "http://www.ebay.com/itm/Apple-iPhone-5-16GB-White-works-Virgin-Mobile-US-NEW-/141227441998?pt=Cell_Phones";
                
            );
        
    );

【问题讨论】:

【参考方案1】:

加载数据后,在主线程上重新加载表。

在您的完成块中:

[PFCloud callFunctionInBackground:@"MatchCenterTest"
                   withParameters:@
                                    @"test": @"Hi",
                                    
                            block:^(NSDictionary *result, NSError *error) 

                                if (!error) 
                                    dispatch_async(dispatch_get_main_queue(), ^
                                        self.matchCenterArray = [result objectForKey:@"Top 3"];
                                        [matchCenter reloadData];
                                    );
                                    NSLog(@"Test Result: '%@'", result);
                                
                            ];

Edit1:另外,我建议在一个地方适应您的协议。现在您在头文件中使用UITableViewDataSource,然后在实现文件中使用UITableViewDataSourceUITableViewDelegate。坚持一个位置以获得最佳做法。


Edit2:根据@Rob 在 cmets 中的建议,将matchCenterArray 内容设置到主线程调度的重定位行


Edit3:基于 cmets,您可以更改 JSON。您上面列出的当前结构非常麻烦,所以我建议使用更简洁(并且更容易解析)的内容,如下所示:

    
    "Top 3" : [
        
            "Title" : "Apple iPhone 5s (Latest Model) - 16GB - Silver (AT&T) Smartphone",
            "Price" : "400.0",
            "Image URL" : "http://thumbs2.ebaystatic.com/m/mewfVG0QbBiu1nZytMuAlZw/140.jpg",
            "Item URL" : "http://www.ebay.com/itm/Apple-iPhone-5s-Latest-Model-16GB-Silver-AT-T-Smartphone-/181431570117?pt:Cell_Phones"
        ,
        
            "Title" : "Apple iPhone 5c (Latest Model) - 16GB - Pink (Verizon) Smartphone",
            "Price" : "350.0",
            "Image URL" : "http://thumbs4.ebaystatic.com/m/mMPAT67KjfCZF9oorbTf3uw/140.jpg",
            "Item URL" : "http://www.ebay.com/itm/Apple-iPhone-5c-Latest-Model-16GB-Pink-Verizon-Smartphone-/191204844039?pt:Cell_Phones"
        ,
        
            "Title" : "Apple iPhone 5 16GB, White, works with Virgin Mobile US NEW",
            "Price" : "359.99",
            "Image URL" : "http://thumbs3.ebaystatic.com/m/m5x1uj1iSS2fr691tifrvrw/140.jpg",
            "Item URL" : "http://www.ebay.com/itm/Apple-iPhone-5-16GB-White-works-Virgin-Mobile-US-NEW-/141227441998?pt:Cell_Phones"
        
    ]

现在您可以像这样访问您的值:

// In your completion block:
self.matchCenterArray = [result objectForKey:@"Top 3"];

...
[[self.matchCenterArray objectAtIndex:0] objectForKey:@"Title"] // title of the first object
[[self.matchCenterArray objectAtIndex:2] objectForKey:@"Image URL"] // image URL of the last item

【讨论】:

这给了我一个错误,指出Property tableview not found on object of type MatchCenterViewController。这是我应该添加到标题中的属性吗?如果是这样,它是如何格式化的? 啊-您的 tableView 设置在不同的变量名下。检查修改后的代码。 +1 顺便说一句,您可能希望将分配块中的 self.matchCenterArray 分配放到主队列中,否则您可能会陷入竞争条件,其中背景更改 matchCenterArray 而主queue 正忙于使用该数组来响应 UI 事件,例如滚动事件。您通常希望同步主线程使用的模型对象的更新,并且简单地将这些更新分派到主队列是最简单的方法。 嗯。该解决方案是有道理的,但它似乎仍然没有被填充。如果我错了,请纠正我,但我认为这是因为我有一个视图控制器,其中包含一个表,并且该表没有正确子类化。我在我的问题中添加了两个屏幕截图来澄清。 @Ghobs 您正在寻找 Title 的值 [[[result objectForKey:@"Top 3"] objectAtIndex:0] objectForKey:@"Title"]; 当它真的在 [[[[[result objectForKey:@"Top 3"] objectAtIndex:0] objectForKey:@"Item 1"] objectAtIndex:0] objectForKey:@"Title"]; 时,“项目 2”(表中的第二个单元格)和“第 3 项”,因为它对这些字典有不同的键。你是说你有能力改变你的 JSON 的结构吗?因为如果是这样,我可以就如何以不同的格式提出建议。【参考方案2】:

当您从云端接收数据时,只需在块中重新加载您的表格视图。

- (void)viewDidLoad


[super viewDidLoad];

self.matchCenterArray = [[NSArray alloc] init];
//perform search with criteria just submitted
[PFCloud callFunctionInBackground:@"MatchCenterTest"
                   withParameters:@
                                    @"test": @"Hi",
                                    
                            block:^(NSDictionary *result, NSError *error) 




                                if (!error) 
                                    self.matchCenterArray = [result objectForKey:@"Top 3"];
[yourTableView reloadData];
                                    NSLog(@"Test Result: '%@'", result);
                                
                            ];



还要在您的 .h 文件中包含 UITableViewDelagete。并在块之前初始化你的数组。

【讨论】:

这对于 Web 服务调用很重要,但由于表正在重新加载,因此不需要。我认为。 完成块在后台线程上执行。更新表是一个UI操作,所以需要在主线程上完成。

以上是关于UITableView 中未加载 JSON 数据的主要内容,如果未能解决你的问题,请参考以下文章

在 UITableView 中的 iPhone 上异步加载 JSON

如何在Objective-C中加载数据期间异步加载JSON数据并填充UITableView

添加 JSON 数据时 UITableView 不起作用

UITableView 不使用 SwiftyJSON 和 Alamofire 加载数据

在 UITableView 中显示 JSON 数据

如何通过点击按钮将选定的 JSON 数据值从 uitableview 发送到服务器