用AJAX编写用户注册实例及技术小结(2)

2022-07-15 80酷酷网 80kuku.com

　　ajax|用户注册作者：龙犊整理出处：天极网责任编辑：[ 2006-03-17 09:12 ]用AJAX编写用户注册实例——我所举的这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。

FunctionName是用JavaScript创建的函数名，注意不要写成FunctionName()，当然我们也可以直接将JavaScript代码创建在onreadystatechange之后。
　我们调用request.open()-它用服务器打开套接字频道，使用一个HTTP动词(GET或POST)作为第一个参数并且以数据提供者的URL作为第二个参数。request.open()的最后一个参数被设置为true-它指示该请求的异步特性。注意，该请求还没有被提交。随着对request.send()的调用，开始提交-这可以为POST提供任何必要的有效载荷。在使用异步请求时，我们必须使用request.onreadystatechanged属性来分配请求的回调函数。(如果请求是同步的话，我们应该能够在调用request.send之后立即处理结果，但是我们也有可能阻断用户，直到该请求完成为止。)

　　我看再看看数据提供者的URL，url = "/chkUserAndCom"，servlet如下：

1/**//*
2 * Created on 2005-12-31
3 *
4 * TODO To change the template for this generated file go to
5 * Window - Preferences - Java - Code Style - Code Templates
6 */
7package com.event;
8
9import javax.servlet.ServletException;
10import javax.servlet.http.HttpServletRequest;
11import javax.servlet.http.HttpServletResponse;
12
13import com.beans.EBaseInfo;
14
15/** *//**
16 * author Alpha 2005-12-31
17 *
18 * ＜P＞Ajax 演示---企业注册时检查企业用户名和企业名称＜/P＞
19 *
20 * TODO To change the template for this generated type comment go to
21 * Window - Preferences - Java - Code Style - Code Templates
22 */
23public class CheckUserAndComNm {
24 private String msgStr = "";
25 protected void doGet(HttpServletRequest request,HttpServletResponse response)
26 throws ServletException
27 {
28
29 　EComBaseInfo info=new EComBaseInfo();
30 　String oprate=request.getParameter("oprate")).trim();
31 　String userName=request.getParameter("userName");
32 　String passWord=request.getParameter("password");
33 　String comName=request.getParameter("comName");
34
35 　try
36 　{
37 　　if(oprate.equals("chkUser"))
38 　　{
39 　　　response.setContentType("text/html;charset=GB2312");
40 　　　if(userName.length()＜5||userName.length()＞20)
41 　　　{
42 　　　　msgStr = "对不起,用户名必须为字母、数字或下划线，长度为5-20个字符!";
43 　　　}
44 　　　else
45 　　　{
46 　　　　boolean bTmp=info.findUser(userName); //找查数据库中有无该用户名
47 　　　　if(bTmp)
48 　　　　　msgStr ="对不起,此用户名已经存在,请更换用户名注册!";
49 　　　　else
50 　　　　　msgStr ="";
51 　　　}
52 　　　response.getWriter().write(msgStr);
53 　　}
54 　　else if(oprate.equals("chkCom"))
55 　　{
56 　　　response.setContentType("text/html;charset=GB2312");
57 　　　if(comName.length()＜6||comName.length()＞100)
58 　　　{
59 　　　　msgStr = "对不起,公司名称长度为6-100个字符(不包括字符内的空格)!";
60 　　　}
61 　　　else
62 　　　{
63 　　　　boolean bTmp=info.findCom(comName); //找查数据库中有无该企业名
64 　　　　if(bTmp)
65 　　　　　msgStr ="对不起,此企业名称已经存在,请更换企业名称注册!";
66 　　　　else
67 　　　　　msgStr ="";
68 　　　}
69 　　　response.getWriter().write(msgStr);
70 　　
71 　　}
72 　}
73 　catch(Exception ex)
74 　{
75 　}
76 　finally
77 　{
78 　　request.setAttribute("url",url);
79 　}
80 }
81
82 protected void doPost(HttpServletRequest request,HttpServletResponse response)
83 throws ServletException
84 {
85 　doGet(request,response);
86 }
87}
88

　　AJAX技术小结

　　1. Ajax（Asynchronous JavaScript and XML）是一个结合了Java技术、XML、以及JavaScript的编程技术，可以让你构建基于Java技术的Web应用，并打破了使用页面重载的惯例。

　　2. Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。

　　3. 对于Mozilla﹑Netscape﹑Safari、Firefox等浏览器，创建XMLHttpRequest 方法如下:

xmlhttp_request = new XMLHttpRequest();

　　4. ＩＥ等创建XMLHttpRequest 方法如下：

　　xmlhttp = new ActiveXObject("Msxml2.XMLHTTP")　

　　或　xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

　　5. xmlhttp_request.open('GET', URL, true); xmlhttp_request.send(null);

　　6. open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。按照HTTP规范，该参数要大写;否则，某些浏览器(如Firefox)可能无法处理请求。第二个参数是请求页面的URL。第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行，而不等待服务器响应。这就是"AJAX"中的"A"。

　　Ajax技术运用的好的话，给我们的网页增添了许多友好的效果，给用户还来更好的感觉。Ajax是个好东西。