Ajax特效：动态加载的FAQ 之一
图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是否包含内容。
相关文档：
一 引题
如何让web程序用起来像桌面应用程序一样简单；
胖客户端？瘦客户端？如何选择？-----看需求，看用户的使用，灵活调节。
不要闪烁，空白页出现？
二 初识Ajax
1. Ajax是一个客户端技术，不论你现在使用何种服务器端技术，都能使用Ajax，而不管使用的是Java、.NET、Ruby、PHP还是CGI� ......
1、PHP发送中文、Ajax接收
只需在php顶部加入一句：
header('Content-type: text/html;charset=GB2312');
xmlHttp会正确解析其中的中文。
2、Ajax发送中文、PHP接收
这个比较复杂：
Ajax中先用encodeURIComponent对要提交的中文进行编码
PHP中：
$GB2312string=iconv( ‘UTF-8′, ‘gb2312//I ......
XMLHTTPRequest是依附于浏览器的一个组件，浏览器不同针对的组件名称也不同。XMLHTTPRequest是Firefox中组件的名称，在IE中叫XMLHTTP。“XMLHTTP”有两个优点：局部刷新、异步读取。
Ajax的实现步骤：
1、 创建异步对象：
在IE中：var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
......
今天用ajax的post方式传值时，遇到一个问题，始终没有找到问题原因。后来把传的值中单引号去掉后，js正常了。
经过搜索，也没有找到具体原因。最后通过隐藏域来中转该字符串。最后解决这个问题！无语了！备忘！
js部份：
////异步调用服务器信息
function CallServiceInsert()
{
var url="";
var para ......
var xmlHttp;
function createXMLHttpRequestss() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}else if (window.XMLHttpRequest) {
& ......
