AJXS传值，实现动态下拉框效果

   Controller:

@PostMapping("/alllist")
    @ResponseBody
    public  List<ArtProject> alllist()
    {
      
        List<ArtProject> list = artProjectMapper.selectAllArtProjectList();
        return list;
    }

 

html:

 

 <div class="form-group">
            <label class="col-sm-2 control-label">文章内容：</label>
            <div class="col-sm-10">
                <input id="artcleContent" name="artcleContent" type="hidden">
                <!--                    <textarea name="artcleContent" class="form-control"></textarea>-->
                <div class="summerarticle"></div>
            </div>
        </div>

 

js:

//取值项目列表
    var classList="";
    $(function (){
         $.ajax({
                url: ctx + "system/project/alllist",
                type: "POST",
                async: false,  //使用同步的方式,true为异步方式
                contentType: "application/json",
                data: JSON.stringify({                
                }),
                dataType: 'json',
                success: function(data){
                    classList=data;
                    console.log(classList);
                }
            });                 
    })
   //填入
    $(function(){
       var _html="";
       _html+='<option value="">--请选择--</option>';
       if(classList != null){
            for(var i=0;i<classList.length;i++){              
                _html+='<option value="'+classList[i].projectName+'"">'+classList[i].projectName+'</option>';
            }
        }
        $("#artcleProject").html(_html);
    });