如何解决一次性显示对象内的数组
我试图显示在对象内有对象的 json 数据，但同时显示所有内容
"data_nasabah": [
{
"nasabah_id": "0000-000-0098","nama_nasabah": "nasabah 1","nama_identitas": "KTP","sub_data_detail": [
{
"no_rekening": "029000003402394","deskripsi_produk": "tabungan"
}
]
},{
"nasabah_id": "0000-000-0098","sub_data_detail": [
{
"no_rekening": "0293402394","deskripsi_produk": "tabungan"
}
]
}
]
我尝试了我的这段代码，但是在读取 sub_data_detail 的属性时出错，我知道我会出错，因为我之前从未执行过 doube 循环
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<P>Hello World!!!</P>
<div class="row" id="input">
<select id="select"></select>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<script type="text/javascript">
$.getJSON('json.json',function(data){
$.each(data,function(i,loop){
$('#input').append(`
<input type="text" value="`+ loop.nasabah_id +`"></input>
<input type="text" value="`+ loop.nama_nasabah +`">
</input>
<input type="text" value="`+ loop.nama_identitas +`">
</input>
`)
$.each(loop[0].sub_data_detail,row){
$('#select').html(`
<option value="`+ row.no_rekening +`">`+
row.no_rekening +`</option>
`);
})
});
});
</script>
</body>
</html>
解决方法
我解决了你的问题。首先，您的 JSON 在“data_nesbah”之前需要花括号，以便正确的 JSON 语法将其声明为包含元素的数组对象。然后我将 https://graph.microsoft.com/beta/users?$filter=userType eq 'Member' and employeeId ge ' '
更改为 $.each(data，以便 jquery 遍历正确的数组对象。我也改了
$.each(data.data_nasabah对此，因为 .html() 没有像您想要的那样附加新选项。
$.each(loop[0].sub_data_detail,function(i,row){
$('#select').html(`
<option value="`+ row.no_rekening +`">`+ row.no_rekening +`</option>
`);
})
这是 json 和代码。
$.each(element.sub_data_detail,row) {
var o = new Option(row.no_rekening,row.no_rekening);
$(o).html(row.no_rekening);
$('#select').append(o);
})
html 代码
{
"data_nasabah": [
{
"nasabah_id": "0000-000-0098","nama_nasabah": "nasabah 1","nama_identitas": "KTP","sub_data_detail": [
{
"no_rekening": "029000003402394","deskripsi_produk": "tabungan"
}
]
},{
"nasabah_id": "0000-000-0098","sub_data_detail": [
{
"no_rekening": "0293402394","deskripsi_produk": "tabungan"
}
]
}
]
}
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
