松花江畔

与其夸夸其谈,不如静下心来

一个完整的利用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);
  }

    
阅读更多
版权声明:引用请注明出处,否则后果自负 https://blog.csdn.net/qq_38061755/article/details/79977728
文章标签: ajax
个人分类: ajax ssm
上一篇响应码为400
下一篇如何解决客户端连接不上Linux上的redis的问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭