1建一个jsp 文件
2加入开发框架
1
<script language="javascript">
2
var http_request = false;
3
function send_request(url) 
30
// 处理返回信息的函数
31
function processRequest() {
32
if (http_request.readyState == 4) { // 判断对象状态
33
if (http_request.status == 200) { // 信息已经成功返回,开始处理信息
34
alert(http_request.responseText);
35
} else { //页面不正常
36
alert("您所请求的页面有异常。");
37
}
38
}
39
}
40
41
function userCheck() {
42
var f = document.form1;
43
var username = f.username.value;
44
if(username=="") {
45
window.alert("用户名不能为空。");
46
f.username.focus();
47
return false;
48
}
49
else {
50
send_request('AjaxTest_1.jsp?username='+username);
51
}
52
}
53
</script>
54
55
<script language="javascript">2
var http_request = false;3
function send_request(url) 
30
// 处理返回信息的函数31
function processRequest() {32
if (http_request.readyState == 4) { // 判断对象状态33
if (http_request.status == 200) { // 信息已经成功返回,开始处理信息34
alert(http_request.responseText);35
} else { //页面不正常36
alert("您所请求的页面有异常。");37
}38
}39
}40

41
function userCheck() {42
var f = document.form1;43
var username = f.username.value;44
if(username=="") {45
window.alert("用户名不能为空。");46
f.username.focus();47
return false;48
}49
else {50
send_request('AjaxTest_1.jsp?username='+username);51
}52
}53
</script>54

55

3 直接在开发框架下加功能函数,如上所示 function userCheck()
4 建send_request(url)中的url页面,对数据进行验证返回结果
5: 如果要将响应文本显示在这个页面的固定位置,可以在http_request.status==200处
处理该响应文本:
document.getElementById("myspan").innerHTML = http_request.responseText;
myspan 为标签id
并且在你想要显示文本的位置加上这个标签:
<br>
</br>
<br>
<span name="myspan" id="myspan"></span>
</br>
6.在请求的页面可以加入任何你想要返回的table或其他标签格式的固定文本
1
<%
2
String username = request.getParameter("username");
3
if("Fred".equals(username)) {
4
%>
5
<TAble>
6
<tr>
7
<td>我要返回的文本</td><td>第二次</td>
8
</tr>
9
</TAble>
10
<%
11
}
12
else out.print("用户名尚未被使用,您可以继续。");
13
%>
14
<%2
String username = request.getParameter("username");3
if("Fred".equals(username)) {4
%>5
<TAble>6
<tr>7
<td>我要返回的文本</td><td>第二次</td>8
</tr>9
</TAble>10
<%11
}12
else out.print("用户名尚未被使用,您可以继续。");13
%>14

如上所示.
页面完整代码AjaxTest.jsp
另一页面AjaxTest_1.jsp完整代码

浙公网安备 33010602011771号