Ajax获取站点文件内容实例。

一个简单的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
复制代码代码如下所示:

刘备
关羽

曹操

诸葛亮