跟我学DWR框架技术——应用DWR框架实现无刷新页面的数据查询的Web应用示例（第二部分）.docVIP

跟我学DWR框架技术——应用DWR框架实现无刷新页面的数据查询的Web应用示例（第二部分） 实现本示例的客户端相关的程序代码 1、设计一个查询页面showUserInfoByDWR.jsp 2、部署该页面并在浏览器的URL地址栏中输入如下的测试页面地址:8080/webcrm/dwrdemo/showUserInfoByDWR.jsp （1）查询方式选择为“根据ID查询” （2）查询方式选择为“根据性别查询” 3、页面的代码示例内容 %@ page pageEncoding=gb2312 isELIgnored=false % %@ taglib prefix=c uri=/jsp/jstl/core% !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml headtitle蓝梦集团CRM系统的首页/title link href=${pageContext.request.contextPath}/css/pageContentStyle.css rel=stylesheet type=text/css / script language=javascript src=${pageContext.request.contextPath}/javascript/commonJavaScript.js type=text/javascript /script script language=JavaScript type=text/javascript function showUserIDInput(){ document.getElementById(userIDTableRow).style.display = inline; document.getElementById(userSexTableRow).style.display = none; } function showUserSexInput(){ document.getElementById(userIDTableRow).style.display = none; document.getElementById(userSexTableRow).style.display = inline; } /script /head body jsp:include page=/commonPage/pageHead.jsp /jsp:include jsp:include page=/commonPage/navMenuBar.jsp /jsp:include br/ div id=someOnePageContent form action=# method=post name=dwrForm table width=350 border=1 tr td colspan=2选择查询方式：br / input checked=checked type=radio name=searchType onclick=showUserIDInput() /根据ID查询nbsp;nbsp;nbsp;nbsp; input type=radio name=searchType onclick=showUserSexInput() /根据性别查询 /td /tr tr style=display:inline id=userIDTableRow td colspan=2 输入用户ID：input type=text name=userID id=userID onblur=showOneUserInfoByID(this.value)/ /td /tr tr style=display:none id=userSexTableRow td colspan=2 请选择性别类型： input checked=checked type=radio id=userSexType onclick=showUserInfoBySex(this.value) name=userSexType value=1 /男nbsp;nbsp;nbsp;nbsp; input type=radio name=userSexType id=userSexT