也就是说,是直接取得XML 数据的。而实际开发中返回XML 数据的工作是通过服务器端(如:ASP.NET、JSP等)的代码动态生成的。换句话说,getXML('...') 中的文件地址应该是.aspx 或.jsp等动态页面的后缀。
使用jQuery 框架实现
如果在客户端使用jQuery 框架,实现AJAX 获得服务器端的XML数据。
代码如下:
<html> <head> <title> demo </title> <meta content="xugang" /> <script language="javascript" src="https://www.jb51.net/jquery.min.js"></script> <script type="text/javascript"> function getXML(addressXML){ //使用jquery的ajax方法 $.ajax({ type:"GET", url:addressXML, dataType:"xml", //返回类型(区分大小写) success:function(myXML){ //each 遍历每个<member>标记 $(myXML).find("member").each( function(){ var oMember="",sName="",sClass="",sBirth="",sConstell="",sMobile=""; sName = $(this).find("name").text(); sClass = $(this).find("class").text(); sBirth = $(this).find("birth").text(); sConstell = $(this).find("constell").text(); sMobile = $(this).find("mobile").text(); //添加行 $("#member").append($("<tr><td>"+sName +"</td><td>" + sClass +"</td><td>" + sBirth +"</td><td>" + sConstell +"</td><td>" + sMobile +"</td></tr>")); } ) } }) } </script> </head> <body> <input type="button" value="获取XML"> <br/> <TABLE> <TR> <TH scope="col">Name</TH> <TH scope="col">Class</TH> <TH scope="col">Birthday</TH> <TH scope="col">Constellation</TH> <TH scope="col">Mobile</TH> </TR> </TABLE> </body> </html>
服务器端传递XML 数据的方式不变。