json迭代并将细节放入下拉列表并选择框

时间:2013-09-01 04:29:35

标签: jquery json

我有一个如下所示的json ......银行的详细信息应该放在一个选择框中,员工的详细信息应该放在一个表格中......但是不知道如何获得银行和员工详细信息单独并迭代每个以放入必需的部分(选择和表)

任何人都可以告诉我如何做到这一点

{ "bank": [
             { "branch": "KLM" },
             { "manager": "manu" }
          ], 
  "employee": [
             { "id": "IDE123" },
             { "name": "ronny" }
          ] 
}

2 个答案:

答案 0 :(得分:0)

假设您将json存储在data变量中,您可以访问银行详细信息为data.bank,员工详细信息为data.employee。然后对于每一个,你有一个对象数组,所以迭代它:

for (var i = 0; i < data.bank.length; i++) { // Iterate over each object in the array
  for (var key in data.bank[i]) { // Iterate over the key in the object
    if (data.bank[i].hasOwnPropety(key)) {
      console.log(key); // "branch"
      console.log(data.bank[i][key]); // "KLM"
    }
  }
}

答案 1 :(得分:0)

您可以使用jQuery.each来迭代您的JSON结果,如下所示:

$(jsonResult).each(function(index, element) {
   //for bank records
   $(element.bank).each(function(i, bank) {
        console.log(bank.branch);
        console.log(bank.manager);
   });

   //for employee records
   $(element.employee).each(function(i, employee) {
        console.log(employee.id);
        console.log(employee.name);
   });

});

希望这会有所帮助!!