主题:ajax获取xml文件内容的代码
index.html
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE> bbs </TITLE>
</HEAD>
<style>
<!--
body {font-size:12px;}
-->
</style>
<BODY>
<form name="form1" method="post"><input type="button" value="获取message.xml内容" onclick="javascript:f1()">
</form>
<div id="disp">
</div>
</BODY>
</HTML>
<script language="javascript">
function f1()
{
var xmlhttp;
var s="";
var xmlhttp;
try
{
xmhhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp=new XMLHttpRequest();
}
catch (e)
{
}
}
}
xmlhttp.onreadystatechange=function()
{
if(4==xmlhttp.readyState)
{
if(200==xmlhttp.status)
{
var xmldoc=xmlhttp.responseXML;
var message_nodes=xmldoc.getElementsByTagName("message");
var n_messages=message_nodes.length;
for (i=0;i<n_messages;i++)
{
var user_node=message_nodes[i].getElementsByTagName("user")[0].firstChild.data;
var text_node=message_nodes[i].getElementsByTagName("text")[0].firstChild.data;
var time_node=message_nodes[i].getElementsByTagName("time")[0].firstChild.data;
s=s+"用户名:"+user_node+"
留言:
"+text_node+"
发言时间:
"+time_node+"
";
//alert(s);
}
document.getElementById("disp").innerHTML=s;
}
else
{
alert(xmlhttp.status);
}
}
}
var url="message.xml?t="+new Date().getTime();
xmlhttp.open("get",url);
xmlhttp.send(null);
}
</script>
message.xml
<?xml version="1.0" encoding="gb2312"?>
<root>
<message id="1">
<user>Janet</user>
<text> hello.everybody</text>
<time>2007-01-01 11:09:48</time>
</message>
<message id="2">
<user>Janet2</user>
<text> hello.everybody2</text>
<time>2007-01-01 11:09:49</time>
</message>
<message id="3">
<user>Janet3</user>
<text> hello.everybody3</text>
<time>2007-01-01 11:09:50</time>
</message>
<message id="4">
<user>Janet4</user>
<text> hello.everybody4</text>
<time>2007-01-01 11:09:51</time>
</message>
</root>
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE> bbs </TITLE>
</HEAD>
<style>
<!--
body {font-size:12px;}
-->
</style>
<BODY>
<form name="form1" method="post"><input type="button" value="获取message.xml内容" onclick="javascript:f1()">
</form>
<div id="disp">
</div>
</BODY>
</HTML>
<script language="javascript">
function f1()
{
var xmlhttp;
var s="";
var xmlhttp;
try
{
xmhhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
try
{
xmlhttp=new XMLHttpRequest();
}
catch (e)
{
}
}
}
xmlhttp.onreadystatechange=function()
{
if(4==xmlhttp.readyState)
{
if(200==xmlhttp.status)
{
var xmldoc=xmlhttp.responseXML;
var message_nodes=xmldoc.getElementsByTagName("message");
var n_messages=message_nodes.length;
for (i=0;i<n_messages;i++)
{
var user_node=message_nodes[i].getElementsByTagName("user")[0].firstChild.data;
var text_node=message_nodes[i].getElementsByTagName("text")[0].firstChild.data;
var time_node=message_nodes[i].getElementsByTagName("time")[0].firstChild.data;
s=s+"用户名:"+user_node+"
留言:
"+text_node+"
发言时间:
"+time_node+"
";
//alert(s);
}
document.getElementById("disp").innerHTML=s;
}
else
{
alert(xmlhttp.status);
}
}
}
var url="message.xml?t="+new Date().getTime();
xmlhttp.open("get",url);
xmlhttp.send(null);
}
</script>
message.xml
<?xml version="1.0" encoding="gb2312"?>
<root>
<message id="1">
<user>Janet</user>
<text> hello.everybody</text>
<time>2007-01-01 11:09:48</time>
</message>
<message id="2">
<user>Janet2</user>
<text> hello.everybody2</text>
<time>2007-01-01 11:09:49</time>
</message>
<message id="3">
<user>Janet3</user>
<text> hello.everybody3</text>
<time>2007-01-01 11:09:50</time>
</message>
<message id="4">
<user>Janet4</user>
<text> hello.everybody4</text>
<time>2007-01-01 11:09:51</time>
</message>
</root>