前言
　　一. Java 文档和 javadoc
　　二. 文档注释的格式
　　　　1. 文档注释的格式化
　　　　2. 文档注释的三部分
　　三. 使用 javadoc 标记
　　　　http://outinn.diy.myrice.com/book/javadoc/#t31
　　　　http://outinn.diy.myrice.com/book/javadoc/#t32
　　　　http://outinn.diy.myrice.com/book/javadoc/#t33
　　四. javadoc 命令

前言

　　Java 的语法与 C++ 及为相似，那么，你知道 Java 的注释有几种吗？是两种？

　　// 注释一行
　　/* ...... */ 注释若干行

　　不完全对，除了以上两种之外，还有第三种，文档注释：

　　/** ...... */ 注释若干行，并写入 javadoc 文档

　　通常这种注释的多行写法如下：

　　/**
　　 * .........
　　 * .........
　　 */

　　暂停，暂停！这第三种注释有什么用？javadoc 又是什么东西？

　　好，那就让我告诉你——

一. Java 文档和 javadoc

　　Java 程序员都应该知道使用 JDK 开发，最好的帮助信息就来自 SUN 发布的 Java 文档。它分包、分类详细的提供了各方法、属性的帮助信息，具有详细的类树信息、索引信息等，并提供了许多相关类之间的关系，如继承、实现接口、引用等。

　　Java 文档全是由一些 html 文件组织起来的，在 SUM 的站点上可以下载它们的压缩包。但是你肯定想不到，这些文档我们可以自己生成。——就此打住，再吊一次胃口。

　　安装了 JDK 之后，安装目录下有一个 src.jar 文件或者 src.zip 文件，它们都是以 ZIP 格式压缩的，可以使用 WinZip 解压。解压之后，我们就可以看到分目录放的全是 .java 文件。是了，这些就是 Java 运行类的源码了，非常完整，连注释都写得一清二楚……不过，怎么看这些注释都有点似曾相识的感觉？

　　这就不奇怪了，我们的迷底也快要揭开了。如果你仔细对比一下 .java 源文件中的文档注释 (/** ... */) 和 Java 文档的内容，你会发现它们就是一样的。Java 文档只是还在格式和排版上下了些功夫。再仔细一点，你会发现 .java 源文件中的注释还带有 HTML 标识，如 <B>、<BR>、<Code> 等，在 Java 文档中，该出现这些标识的地方，已经按标识的的定义进行了排版。

　　终于真像大白了，原来 Java 文档是来自这些注释。难怪这些注释叫做文档注释呢！不过，是什么工具把这些注释变成文档的呢？

　　是该请出 javadoc 的时候了。在 JDK 的 bin 目录下你可以找到 javadoc，如果是 Windows 下的 JDK，它的文件名为 javadoc.exe。使用 javdoc 编译 .java 源文件时，它会读出 .java 源文件中的文档注释，并按照一定的规则与 Java 源程序一起进行编译，生成文档。

　　介绍 javadoc 的编译命令之前，还是先了解一下文档注释的格式吧。不过为了能够编译下面提到的若干例子，这里先介绍一条 javadoc 命令：

　　javadoc -d 文档存放目录 -author -version 源文件名.java

　　这条命令编译一个名为 “源文件名.java”的 java 源文件，并将生成的文档存放在“文档存放目录”指定的目录下，生成的文档中 index.html 就是文档的首页。-author 和 -version 两个选项可以省略。

二. 文档注释的格式

　　文档注释可以用于对类、属性、方法等进行说明。写文档注释时除了需要使用 /** .... */ 限定之外，还需要注意注释内部的一些细节问题。

　　1. 文档和文档注释的格式化

　　生成的文档是 HTML 格式，而这些 HTML 格式的标识符并不是 javadoc 加的，而是我们在写注释的时候写上去的。比如，需要换行时，不是敲入一个回车符，而是写入 <br>，如果要分段，就应该在段前写入 <p>。

　　因此，格式化文档，就是在文档注释中添加相应的 HTML 标识。

　　文档注释的正文并不是直接复制到输出文件 (文档的 HTML 文件)，而是读取每一行后，删掉前导的 * 号及 * 号以前的空格，再输入到文档的。如

　　编译输出后的 HTML 源码则是

　　前导的 * 号允许连续使用多个，其效果和使用一个 * 号一样，但多个 * 号前不能有其它字符分隔，否则分隔符及后面的 * 号都将作为文档的内容。* 号在这里是作为左边界使用，如上例的第一行和第二行；如果没有前导的 * 号，则边界从第一个有效字符开始，而不包括前面的空格，如上例第三行。

　　还有一点需要说明，文档注释只说明紧接其后的类、属性或者方法。如下例：

												/** comment for class */
public class Test {

    /** comment for a attribute */
    int number;

    /** comment for a method */
    public void myMethod() { ...... }

    ......
}

　　上例中的三处注释就是分别对类、属性和方法的文档注释。它们生成的文档分别是说明紧接其后的类、属性、方法的。“紧接”二字尤其重要，如果忽略了这一点，就很可能造成生成的文档错误。如

import java.lang.*;

/** commnet for class */

public class Test { ...... }

// 此例为正确的例子

　　这个文档注释将生成正确的文档。但只需要改变其中两行的位置，变成下例，就会出错：

												/** commnet for class */

import java.lang.*;

public class Test { ...... }

// 此例为错误的例子

　　这个例子只把上例的 import 语句和文档注释部分交换了位置，结果却大不相同——生成的文档中根本就找不到上述注释的内容了。原因何在？

　　“/** commnet for class */”是对 class Test 的说明，把它放在“public class Test { ...... }”之前时，其后紧接着 class Test，符合规则，所以生成的文档正确。但是把它和“import java.lang.*;”调换了位置后，其后紧接的就是不 class Test 了，而是一个 import 语句。由于文档注释只能说明类、属性和方法，import 语句不在此列，所以这个文档注释就被当作错误说明省略掉了。

　　2. 文档注释的三部分

　　根据在文档中显示的效果，文档注释分为三部分。先举例如下，以便说明。

												/**
 * show 方法的简述.
 * <p>show 方法的详细说明第一行<br>
 * show 方法的详细说明第二行
 * @param b true 表示显示，false 表示隐藏
 * @return 没有返回值
 */
public void show(boolean b) {
    frame.show(b);
}

　　第一部分是简述。文档中，对于属性和方法都是先有一个列表，然后才在后面一个一个的详细的说明。列表中属性名或者方法名后面那段说明就是简述。如下图中被红框框选的部分：

　　简述部分写在一段文档注释的最前面，第一个点号 (.) 之前 (包括点号)。换句话说，就是用第一个点号分隔文档注释，之前是简述，之后是第二部分和第三部分。如上例中的 “* show 方法的简述.”。

　　有时，即使正确地以一个点号作为分隔，javadoc 仍然会出错，把点号后面的部分也做为了第一部分。为了解决这个问题，我们可以使用一个 <p> 标志将第二分部分开为下一段，如上例的“* <p>show 方法的详细说明第一行 ....”。除此之外，我们也可以使用 <br> 来分隔。

　　第二部分是详细说明部分。该部分对属性或者方法进行详细的说明，在格式上没有什么特殊的要求，可以包含若干个点号。它在文档中的位置如下图所示：

　　这部分文档在上例中相应的代码是：

　　* show 方法的简述.
　　* <p>show 方法的详细说明第一行<br>
　　* show 方法的详细说明第二行

　　发现什么了？对了，简述也在其中。这一点要记住了，不要画蛇添足——在详细说明部分中再写一次简述哦！

　　第三部分是特殊说明部分。这部分包括版本说明、参数说明、返回值说明等。它在文档中的位置：

　　第三部分在上例中相应的代码是

　　* @param b true 表示显示，false 表示隐藏
　　* @return 没有返回值

　　除了 @param 和 @return 之外，还有其它的一些特殊标记，分别用于对类、属性和方法的说明……不要推我，我马上就说。

三. 使用 javadoc 标记

　　javadoc 标记是插入文档注释中的特殊标记，它们用于标识代码中的特殊引用。javadoc 标记由“@”及其后所跟的标记类型和专用注释引用组成。记住了，三个部分——@、标记类型、专用注释引用。不过我宁愿把它分成两部分：@ 和标记类型、专用注释引用。虽然 @ 和 标记类型之间有时可以用空格符分隔，但是我宁愿始终将它们紧挨着写，以减少出错机会。

　　javadoc 标记有如下一些：

　　下面详细说明各标记。

　　1. @see 的使用

　　@see 的句法有三种：

　　@see 类名
　　@see #方法名或属性名
　　@see 类名#方法名或属性名

　　类名，可以根据需要只写出类名 (如 String) 或者写出类全名 (如 java.lang.String)。那么什么时候只需要写出类名，什么时候需要写出类全名呢？

　　如果 java 源文件中的 import 语句包含了的类，可以只写出类名，如果没有包含，则需要写出类全名。java.lang 也已经默认被包含了。这和 javac 编译 java 源文件时的规定一样，所以可以简单的用 javac 编译来判断，源程序中 javac 能找到的类，javadoc 也一定能找到；javac 找不到的类，javadoc 也找不到，这就需要使用类全名了。

　　方法名或者属性名，如果是属性名，则只需要写出属性名即可；如果是方法名，则需要写出方法名以及参数类型，没有参数的方法，需要写出一对括号。如

　　有时也可以偷懒：假如上例中，没有 count 这一属性，那么参考方法 count() 就可以简写成 @see count。不过，为了安全起见，还是写全 @see count() 比较好。

　　@see 的第二个句法和第三个句法都是转向方法或者属性的参考，它们有什么区别呢？

　　第二个句法中没有指出类名，则默认为当前类。所以它定义的参考，都转向本类中的属性或者方法。而第三个句法中指出了类名，则还可以转向其它类的属性或者方法。

　　关于 @see 标记，我们举个例说明。由于 @see 在对类说明、对属性说明、对方法说明时用法都一样，所以这里只以对类说明为例。

												/**
 * @see String
 * @see java.lang.StringBuffer
 * @see #str
 * @see #str()
 * @see #main(String[])
 * @see Object#toString()
 */
public class TestJavaDoc {

}

　　生成的文档的相关部分如下图：

　　String 和 StringBuffer 都是在 java.lang 包中，由于这个包是默认导入了的，所以这两个类可以直接写类名，也可以写类全名。str、str() 为同名属性和方法，所以方法名需要用 () 区分。main 是带参数的方法，所以在 () 中指明了参数类型。toString() 虽然在本类中也有 (从 Object 继承的)，但我们是想参考 Object 类的 toString() 方法，所以使用了 Object#toString()。

　　奇怪的是，为什么其中只有 str、str() 和 main(String[]) 变成了链接呢？那是因为编译时没有把 java.lang 包或者 Stirng、StringBuffer、Object 三个类的源文件一起加入编译，所以，生成的文档没有关于那三个类的信息，也就不可以建立链接了。后面讲解 javadoc 编译命令的时候还会详细说明。

　　上例中如果去把类中的 str 属性去掉，那么生成的文档又会有什么变化呢？你会发现，原来是 str, str()，而现在变成了 str(), str()，因为 str 属性已经没有了，所以 str 也表示方法 str()。

　　2. 使用 @author、@version 说明类

　　这两个标记分别用于指明类的作者和版本。缺省情况下 javadoc 将其忽略，但命令行开关 -author 和 -version 可以修改这个功能，使其包含的信息被输出。这两个标记的句法如下：

　　@author 作者名
　　@version 版本号

　　其中，@author 可以多次使用，以指明多个作者，生成的文档中每个作者之间使用逗号 (,) 隔开。@version 也可以使用多次，只有第一次有效，生成的文档中只会显示第一次使用 @version 指明的版本号。如下例

												/**
 * @author Fancy
 * @author Bird
 * @version Version 1.00
 * @version Version 2.00
 */
public class TestJavaDoc {

}

　　生成文档的相关部分如图：

　　从生成文档的图示中可以看出，两个 @author 语句都被编译，在文档中生成了作者列表。而两个 @version 语句中只有第一句被编译了，只生成了一个版本号。

　　从图上看，作者列表是以逗号分隔的，如果我想分行显示怎么办？另外，如果我想显示两个以上的版本号又该怎么办？

　　——我们可以将上述两条 @author 语句合为一句，把两个 @version 语句也合为一句：

　　@author Fancy<br>Bird
　　@version Version 1.00<br>Version 2.00

　　结果如图：

　　我们这样做即达到了目的，又没有破坏规则。@author 之后的作者名和 @version 之后的版本号都可以是用户自己定义的任何 HTML 格式，所以我们可以使用 <br> 标记将其分行显示。同时，在一个 @version 中指明两个用 <br> 分隔的版本号，也没有破坏只显示第一个 @version 内容的规则。

　　3. 使用 @param、@return 和 @exception 说明方法

　　这三个标记都是只用于方法的。@param 描述方法的参数，@return 描述方法的返回值，@exception 描述方法可能抛出的异常。它们的句法如下：

　　@param 参数名 参数说明
　　@return 返回值说明
　　@exception 异常类名 说明

　　每一个 @param 只能描述方法的一个参数，所以，如果方法需要多个参数，就需要多次使用 @param 来描述。

　　一个方法中只能用一个 @return，如果文档说明中列了多个 @return，则 javadoc 编译时会发出警告，且只有第一个 @return 在生成的文档中有效。

　　方法可能抛出的异常应当用 @exception 描述。由于一个方法可能抛出多个异常，所以可以有多个 @exception。每个 @exception 后面应有简述的异常类名，说明中应指出抛出异常的原因。需要注意的是，异常类名应该根据源文件的 import 语句确定是写出类名还是类全名。 　　示例如下：

public class TestJavaDoc {

    /**
     * @param n a switch
     * @param b excrescent parameter
     * @return true or false
     * @return excrescent return
     * @exception java.lang.Exception throw when switch is 1
     * @exception NullPointerException throw when parameter n is null
     */
    public boolean fun(Integer n) throws Exception {
        switch (n.intValue()) {
        case 0:
            break;
        case 1:
            throw new Exception("Test Only");
        default:
            return false;
        }
        return true;
    }

}

　　使用 javadoc 编译生成的文档相关部分如下图：

　　可以看到，上例中 @param b excrescent parameter 一句是多余的，因为参数只是一个 n，并没有一个 b但是 javadoc 编译时并没有检查。因此，写文档注释时一定要正确匹配参数表与方法中正式参数表的项目。如果方法参数表中的参数是 a，文档中却给出对参数 x 的解释，或者再多出一个参数 i，就会让人摸不着头脑了。@exceptin 也是一样。

　　上例程序中并没有抛出一个 NullPointerException，但是文档注释中为什么要写上这么一句呢，难道又是为了演示？这不是为了演示描述多余的异常也能通过编译，而是为了说明写异常说明时应考运行时 (RunTime) 异常的可能性。上例程序中，如果参数 n 是给的一个空值 (null)，那么程序会在运行的时候抛出一个 NullPointerException，因此，在文档注释中添加了对 NullPointerException 的说明。

　　上例中的 @return 语句有两个，但是根据规则，同一个方法中，只有第一个 @return 有效，其余的会被 javadoc 忽略。所以生成的文档中没有出现第二个 @return 的描述。

　　讲到这里，该怎么写文档注释你应该已经清楚了，下面就开始讲解 javadoc 的常用命令。

四. javadoc 命令

　　运行 javadoc -help 可以看到 javadoc 的用法，这里列举常用参数如下：

用法：
　　javadoc [options] [packagenames] [sourcefiles]

选项：

　　javadoc 编译文档时可以给定包列表，也可以给出源程序文件列表。例如在 CLASSPATH 下有两个包若干类如下：

　　fancy.Editor
　　fancy.Test
　　fancy.editor.ECommand
　　fancy.editor.EDocument
　　fancy.editor.EView

　　这里有两个包 (fancy 和 fancy.editor) 和 5 个类。那么编译时 (Windows 环境) 可以使用如下 javadoc 命令：

　　javadoc fancy\Test.java fancy\Editor.java fancy\editor\ECommand.java fancy\editor\EDocument.java fancy\editor\EView.java

　　这是给出 java 源文件作为编译参数的方法，注意命令中指出的是文件路径，应该根据实际情况改变。也可以是给出包名作为编译参数，如：

　　javadoc fancy fancy.editor

　　用浏览器打开生成文档的 index.html 文件即可发现两种方式编译结果的不同，如下图：

　　用第二条命令生成的文档被框架分成了三部分：包列表、类列表和类说明。在包列表中选择了某个包之后，类列表中就会列出该包中的所有类；在类列表中选择了某个类之后，类说明部分就会显示出该类的详细文档。而用第一条命令生成的文档只有两部分，类列表和类说明，没有包列表。这就是两种方式生成文档的最大区别了。

　　下面再来细说选项。

　　-public、-protected、-package、-private 四个选项，只需要任选其一即可。它们指定的显示类成员的程度。它们显示的成员多少是一个包含的关系，如下表：

　　-d 选项允许你定义输出目录。如果不用 -d 定义输出目录，生成的文档文件会放在当前目录下。-d 选项的用法是

　　-d 目录名

　　目录名为必填项，也就是说，如果你使用了 -d 参数，就一定要为它指定一个目录。这个目录必须已经存在了，如果还不存在，请在运行 javadoc 之前创建该目录。

　　-version 和 -author 用于控制生成文档时是否生成 @version 和 @author 指定的内容。不加这两个参数的情况下，生成的文档中不包含版本和作者信息。

　　-splitindex 选项将索引分为每个字母对应一个文件。默认情况下，索引文件只有一个，且该文件中包含所有索引内容。当然生成文档内容不多的时候，这样做非常合适，但是，如果文档内容非常多的时候，这个索引文件将包含非常多的内容，显得过于庞大。使用 -splitindex 会把索引文件按各索引项的第一个字母进行分类，每个字母对应一个文件。这样，就减轻了一个索引文件的负担。

　　-windowtitle 选项为文档指定一个标题，该标题会显示在窗口的标题栏上。如果不指定该标题，而默认的文档标题为“生成的文档（无标题）”。该选项的用法是：

　　-windowtitle 标题

　　标题是一串没有包含空格的文本，因为空格符是用于分隔各参数的，所以不能包含空格。同 -d 类似，如果指定了 -windowtitle 选项，则必须指定标题文本。

　　到此为止，Java 文档和 javadoc 就介绍完了。javadoc 真的能让我们在 Java 注释上做文章——生成开发文档。

      
随着ajax的升温，javascript越来越得到人们的重视。重要的是，ajax在一定程度上带来了web软件架构上的变化，人们把越来越多的功能分
配到客户端实现，javascript子项目规模越来越大。如何更高效的使用javascript，如何更科学的组织javascript，如何更顺利的
保证项目进展？我想就我的经验谈一点浅见。

一。 开发人员需要认真学习javascript语言本身
       由于javascript是“世界上最被误解的语言”,
大部分人对javascript语法并没有全面了解过，只是凭借看起来很像c或者java的关键字按照自己的理解写javascript代码。其实
javascript是一种很独特的语言，和c++/java有非常大的区别，要想用javascript做大一些的项目，开发人员必须老老实实的学习
javascript的语法。真正掌握了语法后，我们才不会把delete看成释放内存对象，才不会为到底参数传递是值传递还是引用传递而烦恼。真正理解
了javascript的基于原型的OO方式，才可能写出具有良好架构的javascript程序。
      
《javascript权威指南》是一本最合适的书，郑重推荐。另外ECMA262
文档可以作为参考。网上流行的jscript手册chm版本使用起来比较方便，不过这是微软的jscript实现，和标准的javascript略有区别，使用时应该注意上面的注脚信息。关于javascript的原型和OO,网上已经有很多文章介绍了，在此不再多说。

二。 良好的代码来源于良好的设计
      
只有设计优良，代码才会写的漂亮。现在的javascript子项目已经不是以前web项目中的“边角料”和散兵游勇了，在较大的ajax项目内，
javascript将非常复杂，ajax的异步模型也和以前顺序执行的程序设计有所区别。所以建议做javascript前首先做好设计。推荐使用用例
驱动的方式，把用例分析清楚，以便全局考虑所有可能的页面交互过程，绘出页面内一些对象之间的交互图，分析一些数据对象的状态，作出精细的
javascript设计。

三。 使用设计模式，复用其他领域的设计经验

       
如果javascript非常复杂，可以考虑使用一些模式。我想大部分做javascript的开发者都不是“javascript科班”出身吧:)
掌握了javascript的语言本质，就可以复用我们在其他领域的经验了。使用javascript框架或者ajax框架，使用单例模式做一个全局的数
据缓冲池，或者使用观察者模式把界面对象和数据对象分离，使用命令模式实现用户的操作队列等等。

四。 调试代码的技巧

        javascript的代码不太好调试，这是由于：

• 一般的开发人员对javascript语言本身不太精通。也就是上面提到的。
• web项目包含较多的因素，复杂性加剧。服务端脚本、模板、html、js等很多环节都可能增加调试难度。
• 浏览器存在兼容性问题。有可能在一个细节问题上IE、Mozilla、opera等浏览器都有差异。
• 工具的缺乏。虽然mozilla的jsdebugger非常好用（还有bug，比如eval时调试器有些问题），但是其他浏览器环境下调试工
  具就不怎么样了。ms系统自带的script
  debug工具调试本地代码还可以，直接调试网站js代码表现欠佳。opera除了javascript控制台外我没有找到其他调试工具。

1. 使用Mozilla firefox的jsdebugger插件。这个我不再多说了，最经典的js调试工具。在线调试远程站点的javascript效果非常棒。
2. 把问题隔离，建立本地的html文件和js文件，使用ms script debug调试工具来调试。如果js模块比较独立，可以使用这个工具的。如果写hta的项目，这个工具当然是首选了。
3. httpWatch 这是一个ie下的插件，非常好用，能够监视ie中的任何http会话，并能够看到http会话的原文。可以通过这个工具了解你的程序有没有和服务器产生会话，参数＆返回的数据到底是什么。
   
    
4. 在网页内建立用于调试的textarea
   
   可以在网页内建立一个textarea来接受你想运行的js语句，然后加一个按钮使用js的eval函数执行你输入的代码。
   
   这种方式非常适合在线调试，网页出错后写代码输出页面内的对象值。建议写一些dump工具函数配合使用，效果更佳。
   
   我非常喜欢这种方式，可以随时使用开关打开页面内隐藏的textarea进行调试，感觉很像给一台服务器接上了终端，然后使用shell可以做任何事情:) 函数可以在这里重新定义，可以任意操作界面中的任何元素，调用任何对象的任何函数，输出任何你需要的运行时刻值。
   
    
5. 使用异常(exception)和断言(assert)
   
   使用try{}catch(e){}结构不光可以屏蔽出错信息，让界面更友好。我们的程序可以使用异常、抛出异常来构建一种更好的出错处理机制。
   
   有这样一个故事，我在使用string.localeCompare函数时随手写了这样的代码：
   
   var iRe = str1.localeCompare(str2);
   
   switch(iRe){
   
   0: return ....
   
   1: return ....
   
   -1:return ....
   
   defalut:throw "error:localeCompare return other value"
   
   }
   
   写完就忘了，没想到我的同事在linux下使用firefox时，异常被抛出了，然后我们得知：linux firefox下localeCompare返回的不只是0/1/-1,而是返回一个具体值.
   
   这个异常抛出有效的检测出了代码的不完美。
   
      
   
   firefox下的异常dump后能得到较为详细的调用栈信息，这一点非常好。IE的异常信息没有这么详细。
   
      
   
   异常和断言也可以结合成为一个非常有效的调试工具。
   
   断言(assert)是在其他语言中的一种很有效的调试工具，常常以这种形式出现：
   
   assert(<条件>);
   
   在程序处于debug状态，当条件为假时，系统中止运行并报告这个断言。由于断言是我们自己定义的，所以我们可以很容易的判断出出错的地方，进而找到bug所在。
   
   javascript语言没有提供宏，也没有提供assert，我们可以这样模拟
   
   if(_is_debug) assert = function(expression , strLable){
   
       if( !expression ) throw Error(strLable);
   
   }
   
   else assert = function(){};//_is_debug是一个全局变量
   
   这样可以实现在发生"不可能的事情"的时候，让程序在调试模式下抛出异常，在发布版本中不作理会。
   
      
   
       可以这样输出当前栈的调用信息,弥补刚才提到的IE中异常对象没有栈信息的缺陷:
   
   function callStackInfo(){
   
       var s="",line="";
   
   var cer=arguments.callee.caller;
   
   while(cer){
   
   var sf=cer.toString();
   
   s+=line+sf.substring(sf.indexOf('function'),sf.indexOf('{'))+"\n";
   
   line=".."+line;
   
   cer=cer.caller;
   
   }
   
   return s;
   
   }

<input type="text" name="firstname" id="tfield" onblur=
"if (this.value) {doSomething();}" />

<textarea name="tarea" rows="20" id="question" cols="20" onblur=
"if (this.value) {doSomething();}">

如果输入框为空的话,JavaScript 会把 this.value 解析成 false, 所以后面的doSomething()将不会执行。
JavaScript 将表单中的空白字段计算为空字符串或者&& 。this 关键字是指向包含事件处理属性（如：blur）
的表单输入框的很好而常用的方法。而this.value 则返回这个文本输入框的内容。

AJAX开发简略
 
作者
网名
联络
柯自聪
eamoi?? educhina
eamoi@163.com（技术） zcke0728@hotmail.com（版权）

发布记录：
 
版本
日期
作者
说明
1.0
2005-10-28
柯自聪
创建，第一版

链接：
 
类别
网址
Blog
http://www.blogjava.net/eamoi/
MSN-Space
http://spaces.msn.com/members/eamoi/

OpenDoc版权说明：
 
本文档版权归原作者所有。
 
在免费、且无任何附加条件的前提下，可在网络媒体中自由传播。
 

如需部分或者全文引用，请事先征求作者意见。
 

如果本文对您有些许帮助，表达谢意的最好方式，是将您发现的问题和文档改进意见及时反馈给作者。当然，倘若有时间和能力，能为技术群体无偿贡献自己的所学为最好的回馈。
 

AJAX开发简略... 1
 

一、AJAX定义... 3
 

二、现状与需要解决的问题... 3
 

三、为什么使用AJAX. 4
 

四、谁在使用AJAX. 6
 

五、用AJAX改进你的设计... 6
 

例子1：数据校验... 7
 

例子2：按需取数据—级联菜单... 7
 

例子3：读取外部数据... 7
 

六、AJAX的缺陷... 7
 

七、AJAX开发... 8
 

7.1、AJAX应用到的技术... 8
 

A、XMLHttpRequest对象... 8
 

B、Javascript. 9
 

C、DOM. 9
 

D、XML. 9
 

7.2、AJAX开发框架... 9
 

A、初始化对象并发出XMLHttpRequest请求... 9
 

B、指定响应处理函数... 10
 

C、发出HTTP请求... 10
 

D、处理服务器返回的信息... 11
 

E、一个初步的开发框架... 11
 

7.3、简单的示例... 13
 

A、数据校验... 13
 

B、级联菜单... 14
 

参考文章：... 16
 

在使用浏览器浏览网页的时候，当页面刷新很慢的时候，你的浏览器在干什么？你的屏幕内容是什么？是的，你的浏览器在等待刷新，而你的屏幕内容是一片空白，而你在屏幕前苦苦的等待浏览器的响应。开发人员为了克服这种尴尬的局面，不得不在每一个可能需要长时间等待响应的页面上增加一个DIV，告诉用户“系统正在处理您的请求，请稍候……”。
 

现在，有一种越来越流行越热的“老”技术，可以彻底改变这种窘迫的局面。那就是AJAX。如今，随着Gmail、Google-maps的应用和各种浏览器的支持，AJAX正逐渐吸引全世界的眼球。
 
一、AJAX定义
 

AJAX（Asynchronous JavaScript and XML）其实是多种技术的综合，包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。其中：
 

使用XHTML和CSS标准化呈现，使用DOM实现动态显示和交互，使用XML和XSTL进行数据交换与处理，使用XMLHttpRequest对象进行异步数据读取，使用Javascript绑定和处理所有数据。
 

在AJAX提出之前，业界对于上述技术都只是单独的使用，没有综合使用，也是由于之前的技术需求所决定的。随着应用的广泛，AJAX也成为香饽饽了。
 
二、现状与需要解决的问题
 

传统的Web应用采用同步交互过程，这种情况下，用户首先向HTTP服务器触发一个行为或请求的呼求。反过来，服务器执行某些任务，再向发出请求的用户返回一个HTML页面。这是一种不连贯的用户体验，服务器在处理请求的时候，用户多数时间处于等待的状态，屏幕内容也是一片空白。如下图：

自从采用超文本作为Web传输和呈现之后，我们都是采用这么一套传输方式。当负载比较小的时候，这并不会体现出有什么不妥。可是当负载比较大，响应时间要很长，1分钟、2分钟……数分钟的时候，这种等待就不可忍受了。严重的，超过响应时间，服务器干脆告诉你页面不可用。另外，某些时候，我只是想改变页面一小部分的数据，那为什么我必须重新加载整个页面呢？！当软件设计越来越讲究人性化的时候，这么糟糕的用户体验简直与这种原则背道而驰。为什么老是要让用户等待服务器取数据呢？至少，我们应该减少用户等待的时间。现在，除了程序设计、编码优化和服务器调优之外，还可以采用AJAX。
 
三、为什么使用AJAX
 

与传统的Web应用不同，AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介，从而消除了网络交互过程中的处理—等待—处理—等待缺点。用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写，通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。AJAX引擎允许用户与应用软件之间的交互过程异步进行，独立于用户与网络服务器间的交流。现在，可以用Javascript调用AJAX引擎来代替产生一个HTTP的用户动作，内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

使用AJAX，可以为ISP、开发人员、终端用户带来可见的便捷：
 

l   减轻服务器的负担。AJAX的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。
 

2  无刷新更新页面，减少用户心理和实际的等待时间。特别的，当要读取大量的数据的时候，不用像Reload那样出现白屏的情况，AJAX使用XMLHTTP对象发送请求并得到服务器响应，在不重新载入整个页面的情况下用Javascript操作DOM最终更新页面。所以在读取数据的过程中，用户所面对的不是白屏，是原来的页面内容（也可以加一个Loading的提示框让用户知道处于读取数据过程），只有当数据接收完毕之后才更新相应部分的内容。这种更新是瞬间的，用户几乎感觉不到。
 

3  带来更好的用户体验。
 

4  可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。
 

5  可以调用外部数据。
 

6  基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
 

7  进一步促进页面呈现和数据的分离。
 
四、谁在使用AJAX
 

在应用AJAX开发上面，Google当仁不让是表率。Orkut、Gmail、Google Groups、Google Maps、Google Suggest都应用了这项技术。Amazon的A9.com搜索引擎也采用了类似的技术。
 

微软也在积极开发更为完善的AJAX应用：它即将推出代号为Atlas的AJAX工具。Atlas的功能超越了AJAX本身，包括整合Visual Studio的调试功能。另外，新的ASP.NET控件将使客户端控件与服务器端代码的捆绑更为简便。Atlas客户脚本框架（Atlas Clent Script Framework）也使与网页及相关项目的交互更为便利。但Visual Studio 2005中并不包含此项功能。
 

微软最近宣布Atlas客户脚本框架将包含如下内容（详细资料请访问Atlas计划网站）：
 

* 一个可扩展的核心框架，它添加了JavaScript功能：如生命同时期管理、继承管理、多点传送处理器和界面管理。
 

* 一个常见功能的基本类库，有丰富的字符串处理、计时器和运行任务。
 

* 为HTML附加动态行为的用户界面框架。
 

* 一组用来简化服务器连通和网络访问的网络堆栈。
 

* 一组丰富的用户界面开发控件，如：自动完成的文本框、动画和拖放。
 

* 处理浏览器脚本行为差异的浏览器兼容层面。
 

典型的，微软将AJAX技术应用在MSN Space上面。很多人一直都对MS Space服务感到很奇怪，当提交回复评论以后，浏览器会暂时停顿一下，然后在无刷新的情况下把我提交的评论显示出来。这个就是应用了AJAX的效果。试想，如果添加一个评论就要重新刷新整个页面，那可真费事。
 

目前，AJAX应用最普遍的领域是GIS-Map方面。GIS的区域搜索强调快速响应，AJAX的特点正好符合这种需求。
 
五、用AJAX改进你的设计
 

AJAX虽然可以实现无刷新更新页面内容，但是也不是什么地方都可以用，主要应用在交互较多、频繁读数据、数据分类良好的Web应用中。现在，让我们举两个例子，看看如何用AJAX改进你的设计。
 
例子1：数据校验
 

在输入form表单内容的时候，我们通常需要确保数据的唯一性。因此，常常在页面上提供“唯一性校验”按钮，让用户点击，打开一个校验小窗口；或者等form提交到服务器端，由服务器判断后在返回相应的校验信息。前者，window.open操作本来就是比较耗费资源的，通常由window. showModalDialog代替，即使这样也要弹出一个对话框；后者，需要把整个页面提交到服务器并由服务器判断校验，这个过程不仅时间长而且加重了服务器负担。而使用AJAX，这个校验请求可以由XMLHttpRequest对象发出，整个过程不需要弹出新窗口，也不需要将整个页面提交到服务器，快速又不加重服务器负担。
 
例子2：按需取数据—级联菜单
 

以前，为了避免每次对菜单的操作引起的重载页面，不采用每次调用后台的方式，而是一次性将级联菜单的所有数据全部读取出来并写入数组，然后根据用户的操作用JavaScript来控制它的子集项目的呈现，这样虽然解决了操作响应速度、不重载页面以及避免向服务器频繁发送请求的问题，但是如果用户不对菜单进行操作或只对菜单中的一部分进行操作的话，那读取的数据中的一部分就会成为冗余数据而浪费用户的资源，特别是在菜单结构复杂、数据量大的情况下（比如菜单有很多级、每一级菜又有上百个项目），这种弊端就更为突出。
 

现在应用AJAX，在初始化页面时我们只读出它的第一级的所有数据并显示，在用户操作一级菜单其中一项时，会通过Ajax向后台请求当前一级项目所属的二级子菜单的所有数据，如果再继续请求已经呈现的二级菜单中的一项时，再向后面请求所操作二级菜单项对应的所有三级菜单的所有数据，以此类推……这样，用什么就取什么、用多少就取多少，就不会有数据的冗余和浪费，减少了数据下载总量，而且更新页面时不用重载全部内容，只更新需要更新的那部分即可，相对于后台处理并重载的方式缩短了用户等待时间，也把对资源的浪费降到最低。
 
例子3：读取外部数据
 

AJAX可以调用外部数据，因此，可以对一些开发的数据比如XML文档、RSS文档进行二次加工，实现数据整合或者开发应用程序。
 
六、AJAX的缺陷
 

AJAX不是完美的技术。使用AJAX，它的一些缺陷不得不权衡一下：
 

l???????? AJAX大量使用了Javascript和AJAX引擎，而这个取决于浏览器的支持。IE5.0及以上、Mozilla1.0、NetScape7及以上版本才支持，Mozilla虽然也支持AJAX，但是提供XMLHttpRequest的方式不一样。所以，使用AJAX的程序必须测试针对各个浏览器的兼容性。
 

l???????? AJAX更新页面内容的时候并没有刷新整个页面，因此，网页的后退功能是失效的；有的用户还经常搞不清楚现在的数据是旧的还是已经更新过的。这个就需要在明显位置提醒用户“数据已更新”。
 

l???????? 对流媒体的支持没有FLASH、Java Applet好。
 

l???????? 一些手持设备（如手机、PDA等）现在还不能很好的支持Ajax。
 
七、AJAX开发
 

到这里，已经可以清楚的知道AJAX是什么，AJAX能做什么，AJAX什么地方不好。如果你觉得AJAX真的能给你的开发工作带来改进的话，那么继续看看怎么使用AJAX吧。
 
7.1、AJAX应用到的技术
 

AJAX涉及到的7项技术中，个人认为Javascript、XMLHttpRequest、DOM、XML比较有用。
 
A、XMLHttpRequest对象
 

XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，AJAX可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新界面，也不用每次将数据处理的工作都交给服务器来做；这样既减轻了服务器负担又加快了响应速度、缩短了用户等待的时间。
 

IE5.0开始，开发人员可以在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能，不用从当前的Web页面导航就可以直接传输数据到服务器或者从服务器接收数据。,Mozilla1.0以及NetScape7则是创建继承XML的代理类XMLHttpRequest；对于大多数情况，XMLHttpRequest对象和XMLHTTP组件很相似，方法和属性类似，只是部分属性不同。
 

XMLHttpRequest对象初始化：
 

XMLHttpRequest对象的方法：
 

方法

描述

abort()

停止当前请求

getAllResponseHeaders()

作为字符串返回完整的headers

getResponseHeader("headerLabel")

作为字符串返回单个的header标签

open("method","URL"[,asyncFlag[,"userName"[, "password"]]])

设置未决的请求的目标 URL，方法，和其他参数

send(content)

发送请求

setRequestHeader("label", "value")

设置header并和请求一起发送

XMLHttpRequest对象的属性：
 

属性

描述

onreadystatechange

状态改变的事件触发器

readyState

对象状态(integer):
 

0 = 未初始化
 

1 = 读取中
 

2 = 已读取
 

3 = 交互中
 

4 = 完成

responseText

服务器进程返回数据的文本版本

responseXML

服务器进程返回数据的兼容DOM的XML文档对象

status

服务器返回的状态码, 如：404 = "文件未找到" 、200 ="成功"

statusText

服务器返回的状态文本信息

B、Javascript
 

Javascript一直被定位为客户端的脚本语言，应用最多的地方是表单数据的校验。现在，可以通过Javascript操作XMLHttpRequest，来跟数据库打交道。
 
C、DOM
 

DOM（Document Object Model）是提供给HTML和XML使用的一组API，提供了文件的表述结构，并可以利用它改变其中的内容和可见物。脚本语言通过DOM才可以跟页面进行交互。Web开发人员可操作及建立文件的属性、方法以及事件都以对象来展现。比如，document就代表页面对象本身。
 
D、XML
 

通过XML（Extensible Markup Language），可以规范的定义结构化数据，是网上传输的数据和文档符合统一的标准。用XML表述的数据和文档，可以很容易的让所有程序共享。
 
7.2、AJAX开发框架
 

这里，我们通过一步步的解析，来形成一个发送和接收XMLHttpRequest请求的程序框架。AJAX实质上也是遵循Request/Server模式，所以这个框架基本的流程也是：对象初始化à发送请求à服务器接收à服务器返回à客户端接收à修改客户端页面内容。只不过这个过程是异步的。
 
A、初始化对象并发出XMLHttpRequest请求
 

为了让Javascript可以向服务器发送HTTP请求，必须使用XMLHttpRequest对象。使用之前，要先将XMLHttpRequest对象实例化。之前说过，各个浏览器对这个实例化过程实现不同。IE以ActiveX控件的形式提供，而Mozilla等浏览器则直接以XMLHttpRequest类的形式提供。为了让编写的程序能够跨浏览器运行，要这样写：

if (window.XMLHttpRequest) { // Mozilla, Safari, ...
 

??? http_request = new XMLHttpRequest();
 

} else if (window.ActiveXObject) { // IE
 

??? http_request = new ActiveXObject("Microsoft.XMLHTTP");
 

}
 

有些版本的Mozilla浏览器处理服务器返回的未包含XML mime-type头部信息的内容时会出错。因此，要确保返回的内容包含text/xml信息。

http_request = new XMLHttpRequest();
 

http_request.overrideMimeType('text/xml');
 
B、指定响应处理函数
 

接下来要指定当服务器返回信息时客户端的处理方式。只要将相应的处理函数名称赋给XMLHttpRequest对象的onreadystatechange属性就可以了。比如：

http_request.onreadystatechange = processRequest;

需要指出的时，这个函数名称不加括号，不指定参数。也可以用Javascript即时定义函数的方式定义响应函数。比如：

http_request.onreadystatechange = function() {
 

};
 
C、发出HTTP请求
 

指定响应处理函数之后，就可以向服务器发出HTTP请求了。这一步调用XMLHttpRequest对象的open和send方法。

http_request.open('GET', 'http://www.example.org/some.file', true);
 

http_request.send(null);
 

open的第一个参数是HTTP请求的方法，为Get、Post或者Head。
 

第二个参数是目标URL。基于安全考虑，这个URL只能是同网域的，否则会提示“没有权限”的错误。这个URL可以是任何的URL，包括需要服务器解释执行的页面，不仅仅是静态页面。
 

第三个参数只是指定在等待服务器返回信息的时间内是否继续执行下面的代码。如果为True，则不会继续执行，直到服务器返回信息。默认为True。
 

按照顺序，open调用完毕之后要调用send方法。send的参数如果是以Post方式发出的话，可以是任何想传给服务器的内容。不过，跟form一样，如果要传文件给服务器，必须先调用setRequestHeader方法，修改MIME类别。如下：
 

http_request.setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);

D、处理服务器返回的信息
 

在第二步我们已经指定了响应处理函数，这一步，来看看这个响应处理函数都应该做什么。
 

首先，它要检查XMLHttpRequest对象的readyState值，判断请求目前的状态。参照前文的属性表可以知道，readyState值为4的时候，代表服务器已经传回所有的信息，可以开始处理信息并更新页面内容了。如下：
 

if (http_request.readyState == 4) {
 

??? // 信息已经返回，可以开始处理
 

} else {
 

??? // 信息还没有返回，等待
 

}
 

服务器返回信息后，还需要判断返回的HTTP状态码，确定返回的页面没有错误。所有的状态码都可以在W3C的官方网站上查到。其中，200代表页面正常。

if (http_request.status == 200) {
 

??? // 页面正常，可以开始处理信息
 

} else {
 

??? // 页面有问题
 

}
 

XMLHttpRequest对成功返回的信息有两种处理方式：
 

responseText：将传回的信息当字符串使用；
 

responseXML：将传回的信息当XML文档使用，可以用DOM处理。
 
E、一个初步的开发框架
 

总结上面的步骤，我们整理出一个初步的可用的开发框架，供以后调用；这里，将服务器返回的信息用window.alert以字符串的形式显示出来：

<script language="javascript">
 

?????? var http_request = false;
 

?????? function send_request(url) {//初始化、指定处理函数、发送请求的函数
 

????????????? http_request = false;
 

????????????? //开始初始化XMLHttpRequest对象
 

????????????? if(window.XMLHttpRequest) { //Mozilla 浏览器
 

???????????????????? http_request = new XMLHttpRequest();
 

???????????????????? if (http_request.overrideMimeType) {//设置MiME类别
 

??????????????????????????? http_request.overrideMimeType("text/xml");
 

???????????????????? }
 

????????????? }
 

????????????? else if (window.ActiveXObject) { // IE浏览器
 

???????????????????? try {
 

??????????????????????????? http_request = new ActiveXObject("Msxml2.XMLHTTP");
 

???????????????????? } catch (e) {
 

??????????????????????????? try {
 

?????????????????????????????????? http_request = new ActiveXObject("Microsoft.XMLHTTP");
 

??????????????????????????? } catch (e) {}
 

???????????????????? }
 

????????????? }
 

????????????? if (!http_request) { // 异常，创建对象实例失败
 

???????????????????? window.alert("不能创建XMLHttpRequest对象实例.");
 

???????????????????? return false;
 

????????????? }
 

????????????? http_request.onreadystatechange = processRequest;
 

????????????? // 确定发送请求的方式和URL以及是否同步执行下段代码
 

????????????? http_request.open("GET", url, true);
 

????????????? http_request.send(null);
 

?????? }
 

?????? // 处理返回信息的函数
 

??? function processRequest() {
 

??????? if (http_request.readyState == 4) { // 判断对象状态
 

??????????? if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
 

??????????????? alert(http_request.responseText);
 

??????????? } else { //页面不正常
 

??????????????? alert("您所请求的页面有异常。");
 

??????????? }
 

??????? }
 

??? }
 

</script>
 

7.3、简单的示例
 

接下来，我们利用上面的开发框架来做两个简单的应用。
 
A、数据校验
 

在用户注册的表单中，经常碰到要检验待注册的用户名是否唯一。传统的做法是采用window.open的弹出窗口，或者window. showModalDialog的对话框。不过，这两个都需要打开窗口。采用AJAX后，采用异步方式直接将参数提交到服务器，用window.alert将服务器返回的校验信息显示出来。代码如下：
 

在之间增加一段form表单代码：

在开发框架的基础上再增加一个调用函数：

function userCheck() {
 

?????? var f = document.form1;
 

?????? var username = f.username.value;
 

?????? if(username=="") {
 

????????????? window.alert("用户名不能为空。");
 

????????????? f.username.focus();
 

????????????? return false;
 

?????? }
 

?????? else {
 

????????????? send_request('sample1_2.jsp?username='+username);
 

?????? }
 

}
 

看看sample1_2.jsp做了什么：

<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
 

<%
 

String username = request.getParameter("username");
 

if("educhina".equals(username)) out.print("用户名已经被注册，请更换一个用户名。");
 

else out.print("用户名尚未被使用，您可以继续。");
 

%>

运行一下，嗯，没有弹出窗口，没有页面刷新，跟预想的效果一样。如果需要的话，可以在sample1_2.jsp中实现更复杂的功能。最后，只要将反馈信息打印出来就可以了。
 

B、级联菜单
 

我们在第五部分提到利用AJAX改进级联菜单的设计。接下来，我们就演示一下如何“按需取数据”。
 

首先，在<body></body>中间增加如下HTML代码：
 

<table width="200" border="0" cellspacing="0" cellpadding="0">
 

??? <tr>
 

??????? <td height="20">
 

???????????????????? <a href="javascript:void(0)" onClick="showRoles('pos_1')">经理室</a>
 

????????????? </td>
 

??? </tr>
 

??? <tr style="display:none">
 

??????? <td height="20" id="pos_1">&nbsp;</td>
 

??? </tr>
 

??? <tr>
 

??????? <td height="20">
 

???????????????????? <a href="javascript:void(0)" onClick="showRoles('pos_2')">开发部</a>
 

????????????? </td>
 

??? </tr>
 

??? <tr style="display:none ">
 

??????? <td id="pos_2" height="20">&nbsp;</td>
 

??? </tr>
 

</table>
 

在框架的基础上增加一个响应函数showRoles(obj)：
 

//显示部门下的岗位
 

function showRoles(obj) {
 

?????? document.getElementById(obj).parentNode.style.display = "";
 

?????? document.getElementById(obj).innerHTML = "正在读取数据..."
 

?????? currentPos = obj;
 

?????? send_request("sample2_2.jsp?playPos="+obj);
 

}
 

修改框架的processRequest函数：
 

// 处理返回信息的函数
 

function processRequest() {
 

? if (http_request.readyState == 4) { // 判断对象状态
 

??? if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
 

?????? document.getElementById(currentPos).innerHTML = http_request.responseText;
 

??? } else { //页面不正常
 

????? alert("您所请求的页面有异常。");
 

??? }
 

? }
 

}
 

最后就是smaple2_2.jsp了：
 

<%@ page contentType="text/html; charset=gb2312" errorPage="" %>
 

<%
 

String playPos = request.getParameter("playPos");
 

if("pos_1".equals(playPos))

out.print("&nbsp;&nbsp;总经理<br>&nbsp;&nbsp;副总经理");
 

else if("pos_2".equals(playPos))

out.println("&nbsp;&nbsp;总工程师<br>&nbsp;&nbsp;软件工程师");
 

%>
运行一下看看效果：

参考文章：
 

作者：

fanscial

标题：

《AJAX简介》

网址：

http://www.blogjava.net/fanscial/archive/2005/08/31/11628.html

作者：

Amour GUO

标题：

《AJAX内部交流文档》

网址：

http://www.dragonson.com/doc/ajax.html

作者：

MoztwWiki

标题：

《AJAX上手篇》

网址：

http://wiki.moztw.org/index.php/AJAX_%E4%B8%8A%E6%89%8B%E7%AF%87

3  坚持通过纯xml方式传递数据，不要通过普通文本方式传递html或者javascript代码。降低cgi和页面的耦合性，这样相同的一个xml数据才能很容易的使用在各种不同的页面上。google在这方面并不是一个好的榜样。
 
4  通过一致性的接口调用，不要在代码里面随处创建控件发起http连接。否则代码将乱成一片。
 
5  要预见到跨域访问问题的存在，不管是否跨域始终通过代理页面访问。这样静态页面才能在需要的时候自由的移动到其他服务器上。
 
6  尽量用一致的代码库解析xml生成显示页面，不要在每个页面上各自写解析xml和生成html的代码。否则页面将来非常难以维护。Uuzone采用的开源项目sarissa或者Google发起的开业项目Ajaxslt都是可以考虑的选择。