<%@ page language="Java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<Meta http-equiv="pragma" content="no-cache">
<Meta http-equiv="cache-control" content="no-cache">
<Meta http-equiv="expires" content="0">
<Meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<Meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/JavaScript" src="<%=basePath%>dwr/engine.js"></script>
<script type="text/javascript" src="<%=basePath%>dwr/util.js"></script>
<!-- 根据DWR中生所的一个js文件 -->
<script type="text/javascript" src="<%=basePath%>dwr/interface/JsUserService.js"></script>
<script type="text/javascript" src="<%=basePath%>dwr/interface/JsUserService2.js"></script>
<script type="text/javascript">
function chkName(){
var name = document.getElementById("uname").value;
JsUserService.isExistsUser(name,function(rvalue){
if(rvalue){
document.getElementById("nameInfo").innerHTML = "该用户名已经被占用!";
}else{
document.getElementById("nameInfo").innerHTML = "可以使用该用户名!";
}
});
}
function getStus(){
JsUserService2.getStuInfos(function(a){
//将json格式的字串转成javascript对象
var obj = eval("("+a+")");
alert(obj[0].name)
});
}
</script>
</head>
<body>
This is my JSP page. <br>
<form action="" method="post">
<input type="text" name="uname" id="uname">
<div id="nameInfo"></div>
<input type="button" value="检测用户名" onclick="chkName()">
</form>
<input type="button" value="获取学员信息" onclick="getStus()">
</body>
</html>
DWR动态在javascript里生成一个AjaxService类,去匹配服务端的代码。由eventHandler去调用它,然后DWR处理
包括converting所有参数以及返回Javascript和java之间的值, 在eventHandler方法里调用AjaxService的getOptions()方法,然后通过反调方法populateList(data)得到返回的数据,其中 data就是String[],最后使用DWR utility把data加入到下拉列表
DWR动态在javascript里生成一个AjaxService类,去匹配服务端的代码。由eventHandler去调用它,然后DWR处理
包括converting所有参数以及返回Javascript和java之间的值, 在eventHandler方法里调用AjaxService的getOptions()方法,然后通过反调方法populateList(data)得到返回的数据,其中 data就是String[],最后使用DWR utility把data加入到下拉列表