首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用jQuery解析复杂的XML

用jQuery解析复杂的XML
EN

Stack Overflow用户
提问于 2012-06-26 22:05:12
回答 1查看 1.8K关注 0票数 1

我正在尝试用下面的jQuery解析下面的XML。页面上不显示任何内容。我知道它正在拿到文件。我在网上看过,尽管有很多使用jquery解析xml的示例,但没有一个像这样的格式。

XML:

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<wcm:root xmlns:wcm="http://www.stellant.com/wcm-data/ns/8.0.0" version="8.0.0.0">

    <wcm:element name="title"></wcm:element>
    <wcm:element name="wide_image">&lt;img src=&#39;[!--$wcmUrl&amp;amp;x28;&#39;resource&amp;#39;,&amp;#39;CMS3_130980&amp;#39;&amp;amp;x29;--]&amp;#39;/&gt;</wcm:element>
    <wcm:element name="image">&lt;img src="[!--$wcmUrl('resource','CMS3_132821')--]"/&gt;</wcm:element>
    <wcm:element name="body">&lt;p&gt;
        Paragraph of text goes here.&lt;br /&gt;&lt;br /&gt;
        Paragraph of text goes here.&lt;br /&gt;&lt;br /&gt;
        Paragraph of text goes here.&lt;br /&gt;&lt;br /&gt;
        Paragraph of text goes here.&lt;br /&gt;&lt;br /&gt;
        Paragraph of text goes here.&lt;/p&gt;
</wcm:element>
</wcm:root>

HTML和jQuery:

代码语言:javascript
复制
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "link_to_my_file.xml",
        dataType: "xml",
        success: parseXml
    });
});

function parseXml(xml){
    $(xml).find("wcm\\3a root").each(function(){
    alert("Test");
        $("#output").append($(this).attr("title") + "<br />");
        $("#output").append($(this).attr("wide_image") + "<br />");
        $("#output").append($(this).attr("image") + "<br />");
        $("#output").append($(this).attr("body") + "<br />");
        });
     };

</script>

<div id="output"></div>

</html>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-06-26 22:07:54

你必须在选择器中escape这个:http://mothereff.in/css-escapes#1wcm%3Aroot

因此,不是:

代码语言:javascript
复制
$(xml).find("wcm:root")

使用:

代码语言:javascript
复制
$(xml).find("wcm\\3a root")

此外,您的代码片段是无效的JavaScript ( parseXml函数声明后缺少} )。检查您的错误控制台。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11209139

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档