一个完整的利用ajax进行下拉列框填充的案例

向下拉列框填充内容的基本实现的思想是这样的：

    第一步：选择你要选择的下拉列框

    第二步：绑定监听事件

    第三步：进行内容的填充

页面代码：

$('#department').bind('click',function(){
   $.ajax({
             type:'POST',
             url:'${pageContext.request.contextPath}/adminTimeOrder/department',
             dataType:'text',
             success:function(data) {
              var obj = eval(data);//接收json 数据并进行对象化
              $(obj).each(function(index){
           //将接受过来的数据填充到下拉列框中
           var val=obj[index];
         $('select').append('<option value='+val.department+'+>'+val.department+'</option>'); 
              });
             },
             error:function(request) {
              alert("请至少添加一位管理员!")
             }
         })
          /* $(this).attr("disabled","disabled");  */
         $(this).unbind('click');
 });

后台代码：

@RequestMapping(value="/department",method=RequestMethod.POST)
  public void findAllAdminInfo(HttpServletResponse response) throws IOException {
   List<AdminInfo> admins = adminInfoService.findAllAdminInfo();
   String str=JSON.toJSON(admins).toString();
   response.setContentType("text/json;charset=utf-8");
   response.getWriter().write(str);
  }