<?xml version="1.0" encoding="gb2312"?>
<name>欢迎光临www.111cn.net.本站发展离不开您的支持.谢谢!</name>
ajax文件
<html>
<head>
<title>简单的ajax效果</title>
</head>
<body>
我们准备一个空的div.把返回的数据填充进去!
<div id="str" style="border:1px solid;"></div>
<script language="javascript教程">
var _xmlhttp; //xmlhttprequest对像的全局变量
//在ie中创建xmlhttprequest,适用于ie5.0以上所有版本
var msxmlhttp = new array("msxml2.xmlhttp.5.0",
"msxml2.xmlhttp.4.0";,
"msxml2.xmlhttp.3.0",
"msxml2.xmlhttp",
"microsoft.xmlhttp");
for(var i=0; i<msxmlhttp.length; i++){
try
{
_xmlhttp=new activexobject(msxmlhttp[i]);
}
catch(e)
{
_xmlhttp=null;
}
} //循环创建基于ie浏览器的xmlhttp.结束
//如果非ie浏览器,则创建基于firefox等浏览器的xmlhttprequest
if(!_xmlhttp && typeof xmlhttprequest != "undefined")
{
_xmlhttp=new xmlhttprequest();
}
/*上面的代码成功创建了xmlhttprequest对像.适用于所有现代浏览器
下面我们开始指定要请求的服务端网页,以及请求的方式*/
/*下面开始指定服务端网页和发送请求*/
/*定义要请求的服务端网页,为了简单明了,在这里我用的是一个xml文件.因为他不
包括任何服务端程序语言.当然你可以使用asp教程,.net,php教程等文件.需要提示的是:最正
统的ajax技术,都是采用xml作为数据传输格式.你可以使用各种服务端程序来生成xml格式
*/
var url = "back.xml"
_xmlhttp.open("get",url,true);//经过测试xml文件只能以get方式请求.但是利用程序输出的xml就可以用post
//下面这句很重要建议阅读onreadystatechange属性详细解释
_xmlhttp.onreadystatechange = function(){
if(_xmlhttp.readystate==4){
if(_xmlhttp.status==200){
var xmldata=_xmlhttp.responsexml;
var my_name = xmldata.getelementsbytagname("name")[0].firstchild.nodevalue;
document.getelementbyid("str").innerhtml = my_name;
}
}
}
_xmlhttp.send(null);
</script>
本实例所有代码均已完成.运行实例以后你会看到上面的那个div会有内容显示出来.
</body>
</html>