用Glassfish和NetBeans编写第一个AJAX程序
By Jason.Huang@sun.COM
,
8/1/07
B/S结构的应用似乎已经成为了默认的方式,大家每天开启关闭最多的应用我想应该是您的Web浏览器.B/S结构的应用最大的优点就是方便,客户端什么也
不需要安装就可以使用我们的应用.
当然B/S结构的一些特点也对基于这种方式应用的开发和设计产生了影响.
最典型的问题就是每次和服务器的交互都需要发起一次请求,传统的方式下需要把整个表单进行提交,处理完成后需要把表单再次显示.
在实际应用中,我们常常需要对Web页面的局部做动态处理,然后最后在做整个表单的提交处理.
例如,在提交注册信息之前,先检查注册用户名是否可以使用.
不知道你是否参加2006年在北京举行的Sun Techday,在James
Gosling演讲之后来自Sun公司TE部门的技术传道士们做了精彩的技术演示,其中一个演示是关于PetStore.
经典PetStore现在已经变得生动了许多,其中一个主要的技术就是采用了AJAX.
AJAX使得Web应用保持了"瘦"客户端简单的优点,同时也增加了"胖"客户端操作性好的优点.
AJAX已经不是新鲜名词了,这里就不做介绍了,让我们用一个简单的例子来演示如何采用Glassfish和NetBeans编写第一个AJAX程序.
Glassfish安装
为了运行这个例子,您需要下载并启动Glassfish.
下载Galssfish地址：
https://glassfish.dev.java.net/downloads/v1_ur1-p01-b02.html
安装方法：
java -Xmx256m -jar glassfish-installer-v1_ur1-p01-b02.jar
cd glassfish
ant -f setup.xml
说明：为了完成安装，你需要下载JDK和ANT。
启动方法：
cd glassfish
./bin/asadmin start-domain
启动后如下图所示：
NetBeans 安装
同时为了提高开发效率,推荐大家使用开源的IDE工具:
NetBeans,使用NetBeans可以和主流的应用服务器相结合完成JavaEE程序的开发.
NetBeans的下载地址： www.netbeans.org
下面是用NetBeasn开发的一个应用程序的一个界面：
AJAX程序开发
虽然AJAX应用不需要每次提交整个页面（或者某个页面的iframe部分），但是实际上在开发的时候我们还是要进行
客户和服务器端程序的通讯。只不过，和传统的方式不同的是，j
我们不再是通过表单(form)的方式来提交数据给服务器端，而是通过Java Script在画面背后发出请求和处理响应结果并更新浏览器中的画面。
在本文中，通过一个简单常用的Case来说明基于Glassfish和NetBeans的Ajax程序开发过程。在这个Case中，我们实现一个
用户注�
相关文档：
//Ajax应用的五个步骤
//1.创建XMLHttpRequest对象
var xmlHttp=createXMLHttpRequest();
function createXMLHttpRequest()
{
var xmlHttp;
if(Window.XMLHttpRequest)
{
//IE6以上版本和其他浏览器内置XMLHttpRequest对象
xmlHttp=new XMLHttpRequest();
......
以我以前写的一个练习AJAX的会员注册页面为例。
下面这些主要是在输入用户名，光标离开输入框就进行判断该用户名是否合法的ajax方法。
（1）Xmlhttprequest AJAX之核心
function S_Xmlhttprequest(){
if(window.ActiveXObject) //IE
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XmlHTTPRe ......
在.net的验证控件中有一个CustomValidator验证控件，其属性ClientValidationFunction为客户端函数，在需要验证的控件失去焦点或者post数据时，调用该函数。
前台：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomValidatorTest.aspx.cs" Inherits="Web.CustomValidatorTest" %>
<!DO ......
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<mce:style type="text/css"><!--
.n{TEXT-DECORATION:none;cursor:pointer} a{color:black} a:hover{color:blue}
.m{TEXT-DECORATION:none;c ......
AJAX主要有三种：最简单的直接加载整个网页，然后通过innerHTML之类的办法显示在网页上，这个现在用Prototype.js的Ajax.Updater类能轻而易举地实现；另一种最常用的是加载一个只包含数据的文件（比如XML）然后通过一系列代码处理后显示给用户；还有一种是像DWR或PHPRPC那样直接把服务器端的函数生成对应的JS代码给客户端，� ......
