如何在jquery ajax调用中循环返回返回的json数据

时间:2014-06-19 19:50:32

标签: javascript jquery ajax json

这是我从服务器返回的json:

{row_1:9.07,row_2:10.94,row_3:5.02,row_4:98.9007,row_5:6.97,row_5:,row_7:11.05}

此列表将是动态的。如何在jquery ajax例程中检索数据:这是我尝试过的:

for(var i=1; i<= $("#total").val(); i++){

  $('#result_' + i).html(data.row_ + i); // How can I get the returned data?

  }
}

2 个答案:

答案 0 :(得分:1)

假设 #total 的值等于对象中的属性数,则可以执行以下操作:

var response = {
    row_1: 9.07,
    row_2: 10.94,
    row_3: 5.02,
    row_4: 98.9007,
    row_5: 6.97,
    row_5: 0.0,
    row_7: 11.05
};

for (var i = 1; i <= $("#total").val(); i++) {
    $('#result_' + i).html(response['row_' + i]);
}

答案 1 :(得分:0)

您不需要手动解析它,考虑使用JQuery附带的内置JSON解析器:http://api.jquery.com/jquery.parsejson/

<script type="text/javascript">
    var rawJSON = '{"pets":[{"name":"Rose"},{"name":"Martha"},{"name":"The Doctor"}]}';
    var obj = jQuery.parseJSON(rawJSON);
    for(var i = 0; i<obj.pets.length; i++) {
      $("#result_" + i).html(obj.pets[i].name);
    } // end for loop
</script>