<?xml version="1.0" encoding="UTF-8"?>
<lovelist>
<love>Php</love>
<love>Asp</love>
<love>Jsp</love>
</lovelist>
html檔案代碼如下,下面主要是把ajax 建立等代碼放在裡面了.如下.
<html>
<head>
<title>PHPLamp站 Ajax講解 - www.111cn.net - </title>
<script type="text/javascript">
function createXmlHttp(){
if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
}
function sendAjax(){
createXmlHttp();
xmlHttp.open("GET","me.xml",true);
xmlHttp.onreadystatechange=process;
xmlHttp.send(null);
}
function process(){
if (xmlHttp.readyState==4){
if(xmlHttp.status==200){
listLove(xmlHttp.responseXML);
}
}
}
function listLove(obj){
var loveNode=obj.getElementsByTagName("lovelist")[0];
var love=loveNode.getElementsByTagName("love");
var con='<table width="100" border="1">';
for(i=0;i<love.length;i++){
lv=love[i].childNodes[0].nodeValue;
con+="<tr><td>"+lv+"</td></tr>";
}
con+="</table>";
document.getElementById("love").innerHTML=con;
}
</script>
</head>
<body>
點擊按鈕查看本站收藏網友愛好：<br/>
<input type="button" onclick="sendAjax();" value="點擊查看">
<br/>
<div id="love"></div>
</body>
</html>
好了我們的教程就OK
