通过ajax请求springmvc,将值显示在select下拉框中

本文介绍了一种利用Ajax技术动态加载下拉框数据的方法。通过在控制器中定义@RequestMapping注解的selectnames.do接口,配合LeaguerBean实体类,实现从前端到后端的数据请求与响应。在前端,通过jQuery的$.ajax方法发起POST请求,获取JSON格式的数据,然后遍历数据填充下拉框选项。

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

controller:

@RequestMapping("/selectnames.do")
    @ResponseBody
    public  List<LeaguerBean>  selectNames(LeaguerBean leaguerBean){
        List<LeaguerBean> list= leaguarService.selectNames();;
        return list;
    }

 

jsp :

<div class="form-group">
            <label class="form-label">分类:</label>

            <select id="TYPE_ID" name="TYPE_ID" style="width: 80%">
                    <option value=""></option>
            </select>

</div>

js:

 $(function(){
    $.ajax({
        type:'post',
        url:"${ctx}selectnames.do",
        dataType:"json",
        data:'',
        success:function(data){
            $("#TYPE_ID").empty();
            $("#TYPE_ID").append("<option value=''>请选分类</option>");
            $.each(data.results, function(key, val) {
                   $("#TYPE_ID").append('<option value='+val.VALUE+'>'+val.NAME+'</option>');
            });
        }
    });
})

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值