$(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;">项目考评管理 < <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"> </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实现二级级联菜单,这是自己在实践中总结的一点小经验,代码从前台JAP到Servlet以及后台数据库设计,测试数据完整的流程,相信有点java基础的同仁们都可以看得明白
下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 CasMenu.aspx页面: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_Default" %> <!DOCTYPE...
主要介绍了jQuery+JSON实现AJAX二级联动的方法,以实例形式分析了前台jQuery结合ajax传递json格式数据及后台数据处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JS(JQUERY)AJAX前台调用后台的方法示例,无刷新级联菜单
前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 CasMenu.aspx页面: 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”CasMenu.aspx.cs” Inherits=”_Default” %> <...
摘要:.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的组件响应给用户。基本没什么门槛,比较适合初学者。
今天遇到一个奇怪的问题,某一页面需要使用三级级联下拉列表框。为提高用户体验,采用jQuery的cascadingDropDown插件调用后台Web Services来实现ajax填充。
9、java后台如何接收ajax数据? 26 10、为什么要有jquery? 26 11、jQuery选择器有多少种? 27 13、你是如何使用jquery中的ajax的? 27 14、jquery中的$.get和$.post请求区别? 27 15、jquery中如何操作样式的? 28 ...
02 级联删除与set null 03 多表查询之连接查询 04 多表查询之复合查询与子查询 05 mysql之索引 第48章 01 python操作数据库pymysql 02 数据库之事务 03 mysql事务之savepoint 第49章 01 http协议之请求协议 02 ...
├─(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之索引...
{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....