图1.1 实例运行效果
1.1.1 技术要点
动态加载FAQ的过程主要是利用XMLHttpRequest（以下简称XHR）对象与服务端通信，根据用户单击的感兴趣问题动态将内容加载到页面中。在具体实现时，有两点要注意的内容。
1．对每个问题进行唯一标识
FAQ主要包含问题与解答两个部分，用户单击一个问题时，服务器必须知道请求的是哪个问题的解答，所以必须对每个问题进行唯一标识。标识的方法很多，在本例中简单使用数字进行标识。每个问题在页面上表现为超链接，单击链接将触发onclick事件，调用loadFAQ函数，传入问题标识，获取对应的解答。
单击后并不是要真正链接到一个新的页面，所以在<a>标签的onclick事件中return false取消原有链接的功能。每个答案分配一个div用于显示，每个div的id属性命名规则为，在对应的问题数字标识前统一增加“faqDetail”。
2．对已加载的解答不重复向服务器发出请求
问题的解答加载后，将显示在对应问题下方的div中。当用户再次单击问题时该div将隐藏起来。如果用户第三次单击相同的问题，由于解答已加载到页面，所以不需要再次向服务器发送请求，只需将隐藏的div显示出来即可。
隐藏和显示主要通过设置div样式中的display属性来完成，当display属性设置为“none”时隐藏，设置为“block”时显示。判断是否需要发出请求，可以检查div的innerHTML是否包含内容。
Ajax的原理很简单，就是在客户端创建一个XMLHttpRequest对象（用来与服务器进行异步通信，这就是Ajax的核心，其实我们早就在用异步通信了，只是没把这项技术用在网页设计中而已），为该对象的onreadystatechange 属性添加一个事件，当对象的readyState改变的时候就会引发指定的事件。到此就可以就发送请求读取服务器� ......
先来写一个简单的Ajax程序，使用非同步的方式向服务器端取得TXT文件中的内容，并加以显示。首先，请准备一个HelloAjax.aspx(HTML也可)：
*HelloAjax.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloAjax.aspx.cs" Inherits="HelloAjax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
1，新建一名为login.htm的静态网页文件，作为登录页面，如图
body标签代码
<body onkeydown ="enterLogin()"> <!--添加按下键盘事件-->
<div style="text-align: center" mce_style="text-align: center">
<table border="1" cellpadding="1">
<tr>
<td align="center" s ......
