注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

断尘居

温柔的男人像海洋。

 
 
 
 
 

日志

 
 

AJAX读取XML到表格  

2010-09-17 03:53:29|  分类: JS / jQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script type="text/javascript">
/*
*@author liang
*@date 2006-05-11
*/

 var xmlHttp;
 function createXMLHttpRequest()
 {
  if(window.ActiveXObject)
  {
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }else if(window.XMLHttpRequest)
  {
   xmlHttp=new XMLHttpRequest();
  }
 }

 function doSearch()
 {
  createXMLHttpRequest();
  xmlHttp.onreadystatechange=handleStateChange;
  xmlHttp.open("GET","dynamicContent.xml",true);
  xmlHttp.send(null);
 }

 function handleStateChange()
 {
  if(xmlHttp.readyState==4)
  {
   if(xmlHttp.status==200)
   {
    //clearPreviousResults();
    parseResults();
   }
  }
 }

 function clearPreviousResults()
 {
  var header=document.getElementById("header");
  if(header.hasChildNodes())
  {
   header.removeChild(header.childNodes[0]);  
  }
  var tableBody=document.getElementById("resultBody");
  while(tableBody.childNodes.length>0)
  {
   tableBody.removeChild(tableBody.childNodes[0]);
  }
 }

 function parseResults()
 {
  var results=xmlHttp.responseXML;
  var property=null;
  var address="";
  var price="";
  var comments="";
  var properties=results.getElementsByTagName("property");
  for(var i=0;i<properties.length;i++)
  {
   property=properties[i];
   address=property.getElementsByTagName("address")[0].childNodes[0].data;
   price=property.getElementsByTagName("price")[0].firstChild.nodeValue;
   comments=property.getElementsByTagName("comments")[0].firstChild.data;   
   addTableRow(address,price,comments);
  }
  var header=document.createElement("h2");
  var headerText=document.createTextNode("Results:");
  header.appendChild(headerText);
  document.getElementById("header").appendChild(header);
 }

 function addTableRow(address,price,comments)
 { 
  var tmpstr0=address;
  var tmpstr1=price;
  var tmpstr2=comments
  var table=document.getElementById("resultBody");
  var newRow=table.insertRow();
  var rowLen=table.rows.length; 
  var rowPos=newRow.rowIndex;
  var cellLen=table.rows(0).cells.length; 
  if(rowLen==1)
  {
   for(var i=0;i<3;i++)
   {
    table.rows(0).insertCell();    
       table.rows(0).cells(i).innerHTML=eval("tmpstr"+i);    
    
   }
  }else if(rowLen>1)
  { 
   for(var i=0;i<cellLen;i++)
   {
    table.rows(rowPos).insertCell();    
    table.rows(rowPos).cells(i).innerHTML=eval("tmpstr"+i);           
   }  
  }
  
  
 }

</script>
<input type="button" value="doSearch" onclick="doSearch();"/>
<span id="header">
</span>
<table id="resultBody" name="resultBody" border="1">
</table>
</BODY>
</HTML>
dynamicContent.xml----------------------------

<?xml version="1.0" encoding="gb2312"?>
<properties>
 <property>
  <address>812 Gwyn Ave</address>
  <price>$100.00</price>
  <comments>Quiet serene neighborhood</comments>
 </property>
 <property>
  <address>3308 James Ave</address>
  <price>$110.00</price>
  <comments>Close to shcools,shopping</comments>
 </property>
 <property>
  <address>98320 County Rd 110</address>
  <price>$115.00</price>
  <comments>Small arceage outside of town</comments>
 </property>
</properties>

  评论这张
 
阅读(1309)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017