ajax获得文件内容,Ajax获得站点文件内容实例

一个简单的Ajax实例：选择一部著作，会通过 Ajax 实时获得相关的名字。

把4个html文件放到 web站点 的同一个文件下。

index.html

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

// 声明一个引用 XMLHttpRequest 的变量

var xhr = null;

// 选择一个著作时调用的函数

function updateCharacters() {

var selectShow = document.getElementById("selShow").value;

if (selectShow == "") {

document.getElementById("divCharacters").innerHTML = "";

return ;

}

// 实例化一个 XMLHttpRequest 对象

if (window.XMLHttpRequest) {

// 非IE

xhr = new XMLHttpRequest();

} else {

// IE

xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

xhr.onreadystatechange = callbackHandler;

url = selectShow + ".html";

xhr.open("post", url, true);

xhr.send(null);

}

// this is the function that will repeatedly be called by our

// XMLHttpRequest object during the life cycle of request

function callbackHandler() {

if (xhr.readyState == 4) {

document.getElementById("divCharacters").innerHTML = xhr.responseText;

}

}

我们的第一个Ajax实例

选择一个名著：

西游记

红楼梦

水浒传

三国演义

返回，名著中主要任务：

xyj.html

唐僧

孙悟空

猪八戒

唐僧

观音姐姐

西天如来

hlm.html

贾宝玉

林黛玉

薛宝钗

shz.html

林冲

李逵

宋江

时迁

sgyy.html

刘备

关羽

张飞

曹操

小乔

诸葛亮