摘要:Div里面载入另一个页面的实现(用Ajax取代框架),我们要调用的目标文件名为:yeedoo.html,则会在 des 的 DIV 中间全部显示出来。

1.下载 Ajax 的 JS 文件

百度网盘下载(提取码:8emv)、蓝奏网盘下载CSDN下载

2.页面导入 js 文件

<script type="text/javascript" src="ajaxrequest.js"></script>

 

3.添加 javascript 代码

页面中添加一个目标地址,例如:

<DIV id=des></DIV>

我们要调用的目标文件名为:yeedoo.html,则会在 des 的 DIV 中间全部显示出来。

需要添加的 javascript 代码如下:

<script type="text/javascript">
var ajaxobj=new AJAXRequest;  // 创建AJAX对象,类在刚刚那个文件里了
ajaxobj.method="GET";  // 设置请求方式为GET
ajaxobj.url="yeedoo.html"  // 响应的URL,以后可以改为一些动态处理页,会用Ajax的都知道,这在页里可以有目的返回不同的数据
// 设置回调函数,输出响应内容,因为是静态页(这是我的需求嘛)所以所有内容都过来了
ajaxobj.callback=function(xmlobj){
	document.getElementById('des').innerHTML = xmlobj.responseText;  //可要看好这句话哦
}
ajaxobj.send();  // 发送请求
</script>