javascript - 从 JSON 对象到 Tableview

Question

我已经在这个问题上折腾了一段时间了，但我似乎无法完成它。

我从 API 中获取 JSON 数据形式的任务。数据如下所示，用 Ti.API.info(this.responseText) 打印:

[INFO] [{"created_at":"2012-01-09T15:05:25Z","description":"Smullen van onze pizza","id":1,"title":"Pizza Eten","updated_at":"2012-01-09T15:05:25Z","user_id":11},{"created_at":"2012-01-09T15:05:25Z","description":"Lekker Lekker!","id":21,"title":"Ice-Tea Drinken","updated_at":"2012-01-09T15:05:25Z","user_id":11}]

我不太确定如何处理这些数据。我尝试了几件事:

getData.onload = function(){
    var tasks = this.responseText;
    for(t in tasks) {
        Ti.API.info(t);
    }
        }

这打印:

[INFO] 0
[INFO] 1
[INFO] 2
[INFO] 3
[INFO] 4
[INFO] 5
[INFO] 6

直到 306。

我尝试的另一件事是:

var tasks = this.responseText;
for(t in tasks)
{
    if(tasks.hasOwnProperty(t))
    {
        Ti.API.info(t + " -> " + tasks[t]);
    }
}

这给了我:

[INFO] 0 -> [
[INFO] 1 -> {
[INFO] 2 -> "
[INFO] 3 -> c
[INFO] 4 -> r
[INFO] 5 -> e
[INFO] 6 -> a
[INFO] 7 -> t
[INFO] 8 -> e
[INFO] 9 -> d

再次尝试:

var tasks = this.responseText;
for(t in tasks)
{
    Ti.API.info(t.title);
}

给出:

[INFO] <null>
[INFO] <null>
[INFO] <null>

我真的很困惑如何处理这个 JSON 以及如何“准备”它以便我可以在表格 View 中使用它。有人可以帮我吗？谢谢。

Answer 1

正如 skypanther 已经指出的那样。您需要将 json 字符串解析为对象。 json.org 有很好的解释。将字符串解析为对象后，可以轻松访问其成员并创建表格 View 行。

/* create the tableview row */
makeTableViewRow = function(_object){

  var row = Ti.UI.createTableViewRow({
     ...
  }]

  var title = Ti.UI.createLabel({
     ...
     text: _object.title,
     ...
  });
  row.add(title);

  return row;
};


getData.onload = function(){
  var tasks = json.parse(this.responseText), /* parse the json string */
      _rowsForTableView = []; /* put the rows in here */

  /* create the rows */
  for (i in tasks){
     var _row = makeTableView(tasks[i]);
     _rowsForTableView.push(_row);
  };

  myTableView.setData(_rowsForTableView);

};