XMLHttpRequest 对象用于在后台与服务器交换数据。

XMLHttpRequest 对象是开发者的梦想，因为您能够：

•在不重新加载页面的情况下更新网页
•在页面已加载后从服务器请求数据
•在页面已加载后从服务器接收数据
•在后台向服务器发送数据
所有现代的浏览器都支持 XMLHttpRequest 对象。

s.html

 
<html><head>
<title>XMLHttpRequest sample</title>
<script language="JavaScript" type="text/javascript">
var xmlhttp = null;
 
 
function newXMLHttpRequest() {
   if (window.XMLHttpRequest) {
	// Firefox, Opera 8.0+, Safari
        xmlhttp = new XMLHttpRequest();
    }
   else if (window.ActiveXObject)
  {
  // Internet Explorer
  try
    {
    xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
	//ie5 ie6
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
 
   return xmlhttp;
 
}
 
function GetData( url) {
	//'http://localhost/books.xml'
    xmlhttp = newXMLHttpRequest();
    if( xmlhttp) {
        xmlhttp.open('GET', url, false);
        xmlhttp.send(null);
        document.getElementById('result').innerHTML = xmlhttp.responseText;
        document.getElementById('httpcode').innerHTML = xmlhttp.status;
        document.getElementById('httpstatus').innerHTML = xmlhttp.statusText;
        document.getElementById('result').innerHTML = xmlhttp.responseText;
	document.getElementById('xmlresult').innerHTML = xmlhttp.responseXML;
	//分析responseXML，它是个DOM对象
		xmlDoc = xmlhttp.responseXML;
		if(xmlDoc)
		{
		document.write("<table border='2'>");
		var x=xmlDoc.getElementsByTagName("Book");
		for (i=0;i<x.length;i++)
		  {
		  document.write("<tr><td>");
		  document.write(x[i].getElementsByTagName("ISBN")[0].childNodes[0].nodeValue);
		  document.write("</td><td>");
		  document.write(x[i].getElementsByTagName("Title")[0].childNodes[0].nodeValue);
		  document.write("</td><td>");
		  document.write(x[i].getElementsByTagName("Author")[0].childNodes[0].nodeValue);
		  document.write("</td></tr>");
		  }
		document.write("</table>");
		}
 
    }
}
</script>
</head>
<body>
<button onclick="GetData('http://localhost/books.xml')">Get a document</button>
<p>
<table border="1">
    <tr><td>Document</td><td><span id="result">No Result</span></td></tr>
    <tr><td>httpcode</td><td><span id="httpcode"> httpcode</span></td></tr>
    <tr><td>httpstatus</td><td><span id="httpstatus"> httpstatus</span></td</tr>
    <tr><td>xmlresult</td><td><span id="xmlresult"> xmlresult</span></td</tr>
</table>
</p>
</body>
</html>

books.xml

 
<?xml version="1.0" encoding="UTF-8"?>
<User>
    <Book>
        <ISBN>1-59059-540-8</ISBN>
       <Title>Foundations of Object Oriented 
         Programming Using .NET 2.0 Patterns</Title>
       <Author>Christian Gross</Author>
    </Book>
    <Book>
        <ISBN>0-55357-340-3</ISBN>
        <Title>A Game of Thrones</Title>
        <Author>George R.R. Martin</Author>
    </Book>
</User>

点击get books info,会不刷新显示返回的结果。

参考：

http://www.w3school.com.cn/xml/xml_http.asp

相关文章

  1. 中国应建立自己的国家网站历史资料馆
  2. CE隐藏和显示系统任务栏
  3. VC6编译和链接的两个头疼问题
  4. subversion windows服务器作为服务启动
  5. IE”单击以激活控件”网站代码解决法

原创文章，转载请注明出自瀚海星空.
本文链接地址：http://abloz.com/2011/08/25/html-background-using-the-xmlhttprequest-object-to-read-and-write.html