用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中，我们实现一个
用户注�
相关文档：
客户端代码：
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}
}
function sl(url){
......
//Ajax应用的五个步骤
//1.创建XMLHttpRequest对象
var xmlHttp=createXMLHttpRequest();
function createXMLHttpRequest()
{
var xmlHttp;
if(Window.XMLHttpRequest)
{
//IE6以上版本和其他浏览器内置XMLHttpRequest对象
xmlHttp=new XMLHttpRequest();
......
以下代码请在Firefox 3.5、Chrome 3.0、Safari 4之后的版本中进行测试。IE8的实现方法与其他浏览不同。
跨域请求，顾名思义，就是一个站点中的资源去访问另外一个不同域名站点上的资源。这种情况很常见，比如说通过 style. 标签加载外部样式表文件、通过 img 标签加载外部图片、通过 script. 标签加载外部脚本文件、通过 W ......
<
script language=
"javascript"
>
$(
document)
.ready
(
function
(
)
{
$(
'#send_ajax'
)
.click
(
function
(
)
{
var
params=
$(
'input'
)
.serialize
(
)
;
//序列化表单的值
$.ajax
(
{
url:
'ajax_json.php'
,
//后台处 ......
AJAX主要有三种：最简单的直接加载整个网页，然后通过innerHTML之类的办法显示在网页上，这个现在用Prototype.js的Ajax.Updater类能轻而易举地实现；另一种最常用的是加载一个只包含数据的文件（比如XML）然后通过一系列代码处理后显示给用户；还有一种是像DWR或PHPRPC那样直接把服务器端的函数生成对应的JS代码给客户端，� ......
