`

jquery+ajax+后台级联

阅读更多
$(document).ready(function(){
		 getJsonServicecontent();
	});

	 function getJsonServicecontent(){
	 	$.post   
		(
			'<%=basePath%>/itemgrade/servicestandardAction!queryJsonServicecontent.action?s='+new Date(),
			{    
			  servicelevelid: function(){return $("#servicelevelid").val();}
		   	},    
		    function(data) //回调函数   
		  	{    
		  		$("#servicecontentid").empty();
		  	 	$("#servicecontentid").append($("<option/>").text("请选择").attr("value",""));
		  		$(data).each(function () {
		  			var nametemp=this.name;
		  			if(nametemp.length>4){
		  				nametemp=nametemp.substring(0,4)+"...";
		  			}
                    $("#servicecontentid").append($("<option title="+this.name+" />").text(nametemp).attr("value",this.id));
                    $("#servicecontentid").val('${servicecontentid}');
                });
		  	},   
		  	"json" //返回类型   
		);
	 }

 

<div class="lbsz_content_022" >
              <div class="bddh_content_01" style="padding-left:0px; font-size: 14px;">项目考评管理 &lt; <strong><span style="color:#fa7917;">服务标准管理</span></strong></div>
              <div class="tj_content_211">
                  <table width="744" border="0" cellspacing="0" cellpadding="0" height="50" align="left">
                    <tr>
                      <td width="123" style="color:#333" > 服务标准名称</td>
                      <td width="168">
                       <input name="queryname" value="${queryname}" type="text" class="chaxun_shurukuang" id="queryname" />
                      </td>
                      <td width="78">
                      	服务等级
                      </td>
                      <td width="103">
                      	<select id="servicelevelid" name="servicelevelid" onchange="getJsonServicecontent()">
							<option value="">请选择</option>
							<c:forEach items="${cachemap.servicelevel}" var="servicelevel">
								<option value="${servicelevel.key}" <c:if test='${servicelevel.key==servicelevelid}'>selected="selected"</c:if>>${servicelevel.value}</option>
							</c:forEach>
						</select>
                      </td>
                      <td width="78">
                      	服务内容
                      </td>
                      <td width="103">
                      	<select id="servicecontentid" name="servicecontentid" style="width: 90px;">
						</select>
                      </td>
                      <td width="73"><a href="javascript:void(0)" onclick="queryfun();"><img src="<%=basePath%>images/ny_chaxun.jpg" width="65" height="28" /></a>                      </td>
                      <td width="19"></td>
                      <td width="180" style="color:#333">&nbsp;</td>
                    </tr>
                  </table>
          </div>

 

/**
	 * 根据服务等级查询服务内容
	 * @return
	 */
	public String queryJsonServicecontent(){
		
		HttpServletRequest request = ServletActionContext.getRequest();
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setCharacterEncoding("utf-8");
		String servicelevelid=null;
		if(request.getParameter("servicelevelid")!=null&&!request.getParameter("servicelevelid").equals("")){
			servicelevelid=request.getParameter("servicelevelid");
		}
		String jsonRoad=itemgradeService.queryJsonServicecontent(servicelevelid);
		try {
			PrintWriter out = response.getWriter();
			out.print(jsonRoad);
			out.flush();
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
		return null;
	}

 

public String queryJsonServicecontent(String servicelevelid) {
		JSONArray jsonArray = new JSONArray();
		List<Servicecontent> servicecontentList=itemgradeDAO.queryJsonServicecontent(servicelevelid);
		for(Servicecontent s:servicecontentList){
			JSONObject jsonobject = new JSONObject();
			try {
				jsonobject.put("id",s.getCode());
				jsonobject.put("name", s.getName());
				jsonArray.put(jsonobject);
			} catch (JSONException e) {
				e.printStackTrace();
			}
		}
		return jsonArray.toString();
	}

 

public List<Servicecontent> queryJsonServicecontent(String servicelevelid){
		return getSqlSession().selectList("itemgrade.queryJsonServicecontent",servicelevelid);
	}

 

<select id="queryJsonServicecontent" resultType="net.hlj.procomplaints.bean.Servicecontent" parameterType="java.lang.String" >
	    select *
	    from TBDIC_SERVICECONTENT
	    where servicelevelid=#{servicelevelid,jdbcType=VARCHAR}
  	</select>

 

分享到:
评论

相关推荐

    jquery+ajax+jsp+servlet实现二级级联菜单

    jquery+ajax+jsp+servlet实现二级级联菜单,这是自己在实践中总结的一点小经验,代码从前台JAP到Servlet以及后台数据库设计,测试数据完整的流程,相信有点java基础的同仁们都可以看得明白

    jQuery+ajax实现无刷新级联菜单示例

    下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: &lt;&#37;@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %&gt; &lt;!DOCTYPE...

    jQuery+JSON实现AJAX二级联动实例分析

    主要介绍了jQuery+JSON实现AJAX二级联动的方法,以实例形式分析了前台jQuery结合ajax传递json格式数据及后台数据处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    前台JS(Jquery)调用后台方法

    JS(JQUERY)AJAX前台调用后台的方法示例,无刷新级联菜单

    前台JS(jquery ajax)调用后台方法实现无刷新级联菜单示例

    前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 CasMenu.aspx页面: 代码如下: &lt;&#37;@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”CasMenu.aspx.cs” Inherits=”_Default” %&gt; &lt...

    jQuery+ashx实现全国城市联动菜单

    摘要:.NET源码,Ajax相关,级联菜单,城市联动菜单 jQuery+ashx实现全国城市联动菜单,环境,工作之余所写,开发环境:VS2008 SP1 + MSSQL2005。程序通过使用jQuery的Ajax方式与ashx(一般处理文件)进行后台通信。极大...

    客户端技术编程

    实验目的 ... 掌握CSS、JS、jQuery、jQuery UI的基本用法。 实验内容 ...籍贯使用级联(jquery实现);Email必须符合Email格式;手机是11位(假设规定以1569开头);出生年月使用jQuery UI日历组件设置。

    后台权限管理系统

    这个权限系统demo没有MVC、没有ORM、数据库表都没设外键关系、...界面上的所有操作基本都是jquery发ajax请求ashx处理,ashx处理后输出json前台接收处理并配合easyui的组件响应给用户。基本没什么门槛,比较适合初学者。

    客户端用JavaScript填充DropDownList控件 服务器端读不到值

    今天遇到一个奇怪的问题,某一页面需要使用三级级联下拉列表框。为提高用户体验,采用jQuery的cascadingDropDown插件调用后台Web Services来实现ajax填充。

    Java面试宝典2020修订版V1.0.1.doc

    9、java后台如何接收ajax数据? 26 10、为什么要有jquery? 26 11、jQuery选择器有多少种? 27 13、你是如何使用jquery中的ajax的? 27 14、jquery中的$.get和$.post请求区别? 27 15、jquery中如何操作样式的? 28 ...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 级联删除与set null 03 多表查询之连接查询 04 多表查询之复合查询与子查询 05 mysql之索引 第48章 01 python操作数据库pymysql 02 数据库之事务 03 mysql事务之savepoint 第49章 01 http协议之请求协议 02 ...

    老男孩第三期Python全栈开发视频教程 零基础系统学习Python开发视频+资料

    ├─(49) 02 python s3 day47 级联删除与set null.avi ├─(50) 03 python s3 day47 多表查询之连接查询.avi ├─(51) 04 python s3 day47 多表查询之复合查询与子查询.avi ├─(52) 05 python s3 day47 mysql之索引...

    Java学习笔记-个人整理的

    {8.2}后台线程}{123}{section.8.2} {8.3}创建线程的两种方法}{123}{section.8.3} {8.4}Runnable}{123}{section.8.4} {8.5}Sleep阻塞与打断唤醒}{124}{section.8.5} {8.5.1}sleep与wait的差异}{124}{subsection....

Global site tag (gtag.js) - Google Analytics