视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
AJAX对服务器返回XML的处理方法
2020-11-27 19:46:29 责编:小采
文档


这篇文章主要介绍了AJAX对服务器返回XML的处理方法,实例分析了Ajax的实现技巧及针对XML返回数据的处理方法,需要的朋友可以参考下

本文实例讲述了AJAX对服务器返回XML的处理方法。分享给大家供大家参考。具体分析如下:

在AJAX 中,服务器端如果返回的XML 文档,则可以通过异步对象的responseXML 属性来获取器XML 数据。而开发者可以利用DOM 的相关方法对其进行处理。

假设服务器返回的XML 文档,如下所示:

<?xml version="1.0" encoding="gb2312"?>
<list>
 <caption>Member List</caption>
 <member>
 <name>isaac</name>
 <class>W13</class>
 <birth>Jun 24th</birth>
 <constell>Cancer</constell>
 <mobile>1118159</mobile>
 </member>
 <member>
 <name>fresheggs</name>
 <class>W610</class>
 <birth>Nov 5th</birth>
 <constell>Scorpio</constell>
 <mobile>1038818</mobile>
 </member>
 <member>
 <name>girlwing</name>
 <class>W210</class>
 <birth>Sep 16th</birth>
 <constell>Virgo</constell>
 <mobile>1307994</mobile>
 </member>
 <member>
 <name>tastestory</name>
 <class>W15</class>
 <birth>Nov 29th</birth>
 <constell>Sagittarius</constell>
 <mobile>1095245</mobile>
 </member>
 <member>
 <name>lovehate</name>
 <class>W47</class>
 <birth>Sep 5th</birth>
 <constell>Virgo</constell>
 <mobile>6098017</mobile>
 </member>
 <member>
 <name>slepox</name>
 <class>W19</class>
 <birth>Nov 18th</birth>
 <constell>Scorpio</constell>
 <mobile>0658635</mobile>
 </member>
 <member>
 <name>smartlau</name>
 <class>W19</class>
 <birth>Dec 30th</birth>
 <constell>Capricorn</constell>
 <mobile>0006621</mobile>
 </member>
 <member>
 <name>tuonene</name>
 <class>W210</class>
 <birth>Nov 26th</birth>
 <constell>Sagittarius</constell>
 <mobile>0091704</mobile>
 </member>
 <member>
 <name>dovecho</name>
 <class>W19</class>
 <birth>Dec 9th</birth>
 <constell>Sagittarius</constell>
 <mobile>12013</mobile>
 </member>
 <member>
 <name>shanghen</name>
 <class>W42</class>
 <birth>May 24th</birth>
 <constell>Gemini</constell>
 <mobile>1544254</mobile>
 </member>
 <member>
 <name>venessawj</name>
 <class>W45</class>
 <birth>Apr 1st</birth>
 <constell>Aries</constell>
 <mobile>1523753</mobile>
 </member>
 <member>
 <name>lightyear</name>
 <class>W311</class>
 <birth>Mar 23th</birth>
 <constell>Aries</constell>
 <mobile>1002908</mobile>
 </member>
</list>

客户端获得服务器端的该XML 数据,并将其显示在表格中。代码如下:

我们可以看到,在客户端获得XML 文件的代码如下:

也就是说,是直接取得XML 数据的。而实际开发中返回XML 数据的工作是通过服务器端(如:ASP.NET、JSP等)的代码动态生成的。换句话说,getXML('...') 中的文件地址应该是.aspx 或.jsp等动态页面的后缀。

使用jQuery 框架实现

如果在客户端使用jQuery 框架,实现AJAX 获得服务器端的XML数据。

代码如下:

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

jquery中的ajax同步和异步详解

ASP.NET与Ajax的实现方式

JQuery ajax返回JSON时的处理方式

下载本文
显示全文
专题