通过循环输出响应详细信息

Question

我通过jQuery .ajax（）提交一些数据，并通过响应接收一些数据。我需要在我的页面上输出数据。例如，这是我得到的答案之一：

{ 
  "res": 1, 
  "item": [
      {"id":"1","desc":"blue box","rating":"1"},
      {"id":"2","desc":"red ball","rating":"5"}
  ] 
}

我通过这样的循环输出这个响应：

...
success: function (response) {

    for (var i = 0; i < response.item.length; i++){
         var item = response.item[i].id,
             desc = response.item[i].desc,
             rate = response.item[i].rating;

         $('#em' + response.res).append(item+'. '+ desc + ' Rating:' + rate);
    }
}

不幸的是，我得到的是同一项的两行。我错过了什么？

Answer 1

首先，你不要关闭你的for循环。

success: function (response) {

    for (var i = 0; i < response.item.length; i++){
         var item = response.item[i].id,
             desc = response.item[i].desc,
             rate = response.item[i].rating;         
         $('#em' + response.res).append(item + '. ' + desc + ' Rating:' + rate);
    }

}