jquery - json 迭代并将详细信息放入下拉和选择框中

Question

我有一个如下所示的 json ......其中银行详细信息应放入选择框中，员工详细信息应放入表格中......但不知道如何分别获取银行和员工详细信息并迭代每个以放入所需的部分（选择和表）

谁能告诉我该怎么做

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

Answer 1

假设您将 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"
    }
  }
}

Answer 2

您可以使用 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);
   });

});

希望这会有所帮助！