一个简单的Ajax示例：通过Ajax实时选择一本书并获取相关名称。

把4个HTML文件放在网站的同一个文件下。

index.html
复制代码代码如下所示：



不涉及服务器的简单Ajax实例

一个XMLHttpRequest声明/参考变量
VaR XHR = null；
函数调用来选择一本书
功能updatecharacters（）{
无功selectshow = document.getelementbyid（selshow ）的价值；
如果（selectshow = ={）
document.getelementbyid（divcharacters ）.innerHTML = ；
返回；
}
/ /实例化一个XMLHttpRequest对象。
如果（窗口。XMLHttpRequest）{
/伊江
新的XMLHttpRequest（XHR）=；
{人}
伊江
XHR =新的ActiveX对象（微软。XMLHTTP ）；
}
xhr.onreadystatechange = callbackhandler；
url = selectshow +.html；
Xhr.open（后
Xhr.send（空）；
}
这是我们将反复调用的函数。
XMLHttpRequest对象请求生命周期中
功能callbackhandler（）{
如果（xhr.readystate = = 4）{
document.getelementbyid（divcharacters ）.innerHTML = xhr.responsetext；
}
}



我们的第一个Ajax实例

选一本名著：



西游记
红楼梦
水浒传
三国演义


回归，这本名著中的主要任务：








xyj.html
复制代码代码如下所示：

唐
孙悟空
猪八戒
唐
观音姐姐
如来在西方


hlm.html
复制代码代码如下所示：

贾宝玉
林
薛


shz.html
复制代码代码如下所示：

林
锂
宋朝
换乘


sgyy.html
复制代码代码如下所示：

刘备
关羽
张
曹操
乔
诸葛亮