Ajax/Json数据的遍历

这篇博客介绍了如何在JavaScript中通过Ajax获取Json数据并进行遍历操作。示例代码展示了如何清空<select>元素,然后使用$.each循环遍历Json数据,将数据动态添加到<select>的<option>中,从而实现数据的动态加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在JS脚本语言里面写上以下代码

<script>

function changeDept(id){


//根据部门id查询所有用户
$.getJSON('<%=path%>/user/queryByDid?id='+id, function(data) {

$('#selectID01').empty(); //清空该<select>标签下的所有<option>

 $.each(data, function(i, val) {  //遍历Json数据(data),data是一个服务器的传过来的Json数据
 //根据ID获取<select>标签,从而添加它的子标签<option>
 //其中还把value属性及显示内容动态的添加进去了
 $('#selectID01').append("<option value='"+data[i].userid+"'>"+data[i].realname+"</option>");
 });
});
}

</script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值