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

最新推荐文章于 2022-11-14 00:15:30 发布

原创最新推荐文章于 2022-11-14 00:15:30 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

JS 专栏收录该内容

2 篇文章

订阅专栏

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

controller：

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

jsp :

</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>');
            });
        }
   });
})