Ajax+json实现菜单动态级联

1:jsp

//级联ajax处理函数

function areaChange(){
    var areano=document.all("areaNo").value;
    var url="${pageContext.request.contextPath}/infoAction.do?method=queryPeopleByPosition";
      $.post(url,{areaNo:areano,position:"200"},
        function(personList){ 
              var personList=personList.personList; 
              $("#businessManager").empty();//删除所有option选项
              document.all("businessManager").options.add(new Option(‘-请选择-‘,‘‘));
              for(var p in personList){
                 document.all("businessManager").options.add(new Option(personList[p],personList[p]));
              }               
        },"json");
    }

<td>地区</td>
<td>
       <html:select property="areaNo" style="width: 80px" onchange="areaChange()">
              <html:option value="">-请选择-</html:option>
              <c:forEach items="${listArea }" var="i">
               <html:option value="${i.nodeNo }">${i.nodeName }</html:option>
              </c:forEach>
             </html:select>
</td>
<td>业务经理</td>
<td>
             <html:select property="businessManager" styleId="businessManager" style="width: 80px">
              <html:option value="">-请选择-</html:option>
              <c:forEach items="${teamList}" var="i">
               <html:option value="${i.staffName }">${i.staffName }</html:option>
              </c:forEach>
             </html:select>
</td>

2、java处理方法

//查询根据地区动态查询对应职级人员信息(动态级联使用)
 public ActionForward queryPeopleByPosition(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response)throws Exception{
  try {
   String areaNo=request.getParameter("areaNo");
   String position=request.getParameter("position");
   P2pStaffInfo queryParams = new StaffInfo();
      queryParams.setAreaNo(areaNo);// 地区
      queryParams.setPosition(position);//

List<StaffInfo> personJavaList = infoLogic.queryStaffInfo(queryParams);

JSONObject personList=new JSONObject();
   JSONObject person=new JSONObject();
   if (null!=personJavaList&&personJavaList.size()>0) {
    for (P2pStaffInfo po:personJavaList) {
     person.put(po.getStaffName(), po.getStaffName());
    }
   }
   personList.put("personList", person);
   response.setCharacterEncoding("gbk");
   PrintWriter pw=response.getWriter();
   pw.write(personList.toString());
   pw.flush();
   pw.close();
  } catch (Exception e) {
   log.error("根据职级动态级联地区查询出错!", e);
   e.printStackTrace();
  }
  return null;
 }

时间: 2025-01-04 11:48:48

Ajax+json实现菜单动态级联的相关文章

Java SSH 项目总结——Ajax+Json 级联菜单

前言 前台JSP页面需要实现下拉菜单的级联效果,实现方式如题,采用Ajax+Json,分享下实现过程. 正题 先看下效果图: 前台 <tr> <td> 注册地址 <!-- registeredAddressSection --> </td> <td> <select class="combox" id="zhuceid" name="zhuceid" onchange="

ajax+json+php实现三级菜单联动

实现要点 1.ajax实现局部刷新,菜单联动2.json实现菜单数据的传输和解析3.php实现后台数据的组织,ajax请求接收,json数据组织 ajax核心代码 1 $(function(){ 2 $('#s1').empty(); 3 //$('#s1 option').remove(); 4 $('#s1').append(new Option('==请选择==','')); 5 $.ajax({ 6 type:"post", 7 url:"s1.php",

STRUS2+MYBATIS+SPRING ajax+json 返回list 给select 实现级联

很早就想研究一下ajax 通过json 方式走action 返回list 给前台 显示,今天终于做出来了,把代码贴出来分享给大家 ajax json 方式需要jar包,一会从附件分享给大家. 首先我用的开发框架式ssi2,接下来我把代码帖给大家. (1)前台页面jhxdxukezheng.jsp <script type="text/javascript"> function plannochange(){ var planno=$("#planno")

032.Ajax+Json+Jquery

AjjA: AjaxJ: JSONJ: jQuery -----------------------------------------------JSONJavascript Object NotationJS对象标记 class User{ public int Id{get;set;} public string Name{get;set;} public string Phone{get;set;} // public string HomeAddress{get;set;} // pu

echarts3+ajax+json+SpringMVC+mybatis

最近使用的东西有点多,就不分开描述了,写在一起,也比较连贯 最近在写统计查询,所以用到了echarts3,用了几个小时看了下,还是不错的,主要准备好字符串,直接嵌入就可以 下面我描述下需求,这样在看代码还能有一些针对性 需求:实现对访问记录的统计,每天一个访问记录表,需要根据时间段进行查询(这里面就设计到联调查询),同时,在页面点击某一天的数据时,需要显示这一天每个时段的访问人数(这里面就有点意思了,用到了ajax+json) 好,先附一张截图 这就是最后显示的样子,下面来点实惠的,上代码~ 我

javascript如何解析json对javascript如何解析json对象并动态赋值到select列表象并动态赋值到select列表

原文 javascript如何解析json对象并动态赋值到select列表 JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合.一个对象以“{”(左括号)开始,“}”(右括号)结束.每个“名称”后跟一个“:”(冒号):“‘名称/值’对”之间使用“,”(逗号)分隔. 在开

Highcharts+Ajax+Json+Sturts2实现的图形异步实时刷新的一个简单demo

原文:Highcharts+Ajax+Json+Sturts2实现的图形异步实时刷新的一个简单demo 源代码下载地址:http://www.zuidaima.com/share/1550463370480640.htm 此功能可以用在后端对数据的实时抓取,前端动态更新时使用,可以根据数据的变化进行实时刷新,基于之前我上传的一个图形demo改制.如有意见建议,疑问,大家可以留言一起探讨. 源代码截图:

ajax+json模态框中分页(spring+struts+mybatis+easyui分页插件)

0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录.也就是得点击11的时候拿着开采部与C级去查询. 1.页面中的模态框与分页组件(注意:需要隐藏一个页号,点击分页插件的时候给隐藏的页号赋值,ajax再次请求的时候取页面的页号值) <!-- 隐藏查询条件的页号 --> <input type="hidden" name="currentPage" id="currentPage"> <!-- 模态框 统计详细

javascript里面的数组,json对象,动态添加,修改,删除示例

1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <title>javascript里面的数组,json对象,动态添加,修改,删除示例</title> 7 <script src="http://ajax.go