xiaofeiliu

导航

 

1建一个jsp 文件
2加入开发框架

 1<script language="javascript">
 2var http_request = false;
 3function 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
41function userCheck() {
42var f = document.form1;
43var username = f.username.value;
44if(username==""{
45window.alert("用户名不能为空。");
46f.username.focus();
47return false;
48}

49else {
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  <%
 2String username = request.getParameter("username");
 3if("Fred".equals(username)) {
 4%>
 5<TAble>
 6<tr>
 7<td>我要返回的文本</td><td>第二次</td>
 8</tr>
 9</TAble>
10<%
11}

12else out.print("用户名尚未被使用,您可以继续。");
13%>
14

 
如上所示.


页面完整代码AjaxTest.jsp

另一页面AjaxTest_1.jsp完整代码

代码


   

posted on 2006-03-09 11:44  小飞  阅读(248)  评论(0)    收藏  举报