Swift UITableView: How to Load data from JSON

Question

I am beginner in Swift and would like some help for my first application.I hope that I can explain it well. I am developing and app which is loading information from a JSON File

Answer 1

First of all, don't use multiple arrays for the data source. They are quite error-prone because you are responsible to keep the number of items in sync.

• Since Swift is an object-oriented language use a custom struct as model

  struct Fruit {
    let name : String
    let imageURL : NSURL
    let description : String
  }
  

• Declare an empty Swift array of Fruit as data source array. Basically use always Swift native collection types (rather than NSArray and NSDictionary) because they contain the type information.

  var fruits = [Fruit]()
  

• Create a function to parse the JSON and reload the table view. The code assumes that the JSON file is named jsonFile.json and is located in the application bundle. Further it uses the SwiftyJSON library.

  func parseFruits() {
    guard let url = NSBundle.mainBundle().URLForResource("jsonFile", withExtension: "json"), jsonData = NSData(contentsOfURL: url) else {
      print("Error finding JSON File")
      return
    }
  
    let jsonObject = JSON(data: jsonData)
  
    let fruitArray = jsonObject["fruits"].arrayValue
    for aFruit in fruitArray {
      let name = aFruit["Name"].stringValue
      let imageURL = aFruit["Picture"].stringValue
      let description = aFruit["Description"].stringValue
  
      let fruit = Fruit(name: name, imageURL: NSURL(string:imageURL)!, description:description)
      fruits.append(fruit)
    }
  
    self.tableView.reloadData()
  }
  

• in viewWillAppear call the parse function

  override func viewWillAppear() {
    super.viewWillAppear()
    parseFruits()
  }
  

• These are the table view data source delegate methods assuming the identifier of the cell is Cell and the style of the cell is Right Detail or Subtitle

  override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return fruits.count
  }
  
  override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath)
    let fruit = fruits[indexPath.row]
    cell.textLabel!.text = fruit.name
    cell.detailTextLabel?.text = fruit.description
    // add code to download the image from fruit.imageURL
    return cell
  }
  

---

Edit:

In Swift 4 everything became much shorter and more convenient. The most significant change is to drop SwiftyJSON and use Decodable

struct Fruit : Decodable {
   let name : String
   let imageURL : URL
   let description : String
}

func parseFruits() {
    let url = Bundle.main.url(forResource:"jsonFile", withExtension: "json")!
    let jsonData = try! Data(contentsOfURL: url)
    self.fruits = try! JSONDecoder().decode([Fruit].self, from: jsonData)
    self.tableView.reloadData()
}

Answer 2

You have got the Json Data, Just need to put it in an array and load them into table view like this:

    var tableData:NSArray = []

    self.tableData = json["fruits"] as! NSArray
    // In the place of json put your json object
    self.tableView.reloadData()

}

override func numberOfSectionsInTableView(tableView: UITableView) -> Int {

    return 1
}

override func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

    return self.tableData.count
}

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("Cell", forIndexPath: indexPath) as! UITableViewCell

    let item = self.tableData[indexPath.row] as! [String : String]
    cell.nameLabel?.text = item["Name"]
    cell.descriptionLabel?.text = item["Description"]

    return cell
}

Answer 3

Try This it will Help you

 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
        {
             let cell = tableView.dequeueReusableCell(withIdentifier: "TableViewCell", for: indexPath) as! TableViewCell

        var dict = array[indexPath.row]
        cell.lbl1.text = dict["Name"] as? String
        cell.lbl2.text = dict["ad_created_date"] as? String
        cell.lbl3.text = dict["phone_number"] as? String
        cell.lbl4.text = dict["id"] as? String
        cell.lbl5.text = dict["ad_zip"] as? String

        let imageUrlString = dict["Picture"]
        let imageUrl:URL = URL(string: imageUrlString as! String)!
        let imageData:NSData = NSData(contentsOf: imageUrl)!
        cell.img.image = UIImage(data: imageData as Data)



        return cell
    }