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
复制代码代码如下所示:
刘备
关羽
张
曹操
乔
诸葛亮