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

标签: ajax
8人阅读 评论(0) 收藏 举报
分类:

向下拉列框填充内容的基本实现的思想是这样的:
    第一步:选择你要选择的下拉列框

    第二步:绑定监听事件
    第三步:进行内容的填充

页面代码:
$('#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);
  }

    
查看评论

AJAX基本应用之:根据输入内容自动填充下拉框

要在ASP.NET中实现AJAX,请先下载ajax.dll并引用,并且最好对AJAX的基本原理有所了解。有一本电子本叫《ajax基础教程》,网上有下的,讲得很清楚。里面代码是JAVA版,不过没有关系。...
  • JOHNCOOLS
  • JOHNCOOLS
  • 2007-01-29 14:44:00
  • 2122

使用jQuery和Ajax自动填充选择框(select)

前言:大家好,我是一名正在实习的前端实习生,今天在做项目的时候,遇到了一个没有遇到过的问题,就是从后台获取到的数据要自动填充到选择框内,并且选择框是个select级联(一个选择框改变,另一个也会改变,...
  • Gemini_llw
  • Gemini_llw
  • 2017-08-01 16:45:40
  • 637

jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表

从后台获取json数据,将内容填充到下拉列表,代码非常简单,具体过程请看下面代码。 需求:url:链接     par:ID       sel:下拉列表选择器 function BuildSel...
  • HUXU981598436
  • HUXU981598436
  • 2016-06-16 19:32:44
  • 7133

一个完整的ajax简单案例

ajax简单完整案例
  • qq_37447018
  • qq_37447018
  • 2017-04-23 15:35:33
  • 330

jquery动态实现填充下拉框

项目需要实现一个功能 当点下拉框时动态加载后台数据。 这是后台数据 protected void doPost(HttpServletRequest request, HttpServletRespo...
  • gundumw100
  • gundumw100
  • 2017-04-10 17:52:29
  • 995

JQuery中Ajax的操作完整例子

Java软件开发中,后台中我们可以通过各种框架,像SSH等进行对代码的封装,方便我们对Java代码的编写,例如,Struts,SpringMVC对从前台到action的流程进行封装控制,使我们只需要进...
  • qq_33714487
  • qq_33714487
  • 2018-01-20 10:30:35
  • 3820

可以输入的下拉列框-1

  • 2008年10月22日 22:18
  • 703B
  • 下载

下拉列颜色框 下拉框放颜色

  • 2010年04月01日 15:40
  • 5KB
  • 下载

[jQuery]$.ajax()方法详解及实例

$.ajax()方法详解及实例  1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的参数,请求方式(post或get)默认为ge...
  • u012843873
  • u012843873
  • 2016-09-21 17:33:10
  • 15070
    个人资料
    持之以恒
    等级:
    访问量: 284
    积分: 142
    排名: 113万+
    文章分类
    文章存档