在html5中显示android的xml数据

时间:2013-01-03 10:33:55

标签: jquery xml ajax html5

我正在为html5开发一个Android应用程序,我需要读取这样的xml文件:

<?xml version="1.0" encoding="UTF-8"?>
<noticias>
    <dict>
        <titulo>Example of title</titulo>
        <body>Here goes the body</body>
        <subtitulo>whololoooooooo</subtitulo>
        <key>dep</key>
        <dep>general</dep>
        <imgurl></imgurl>
        <url>http://www.upcomillas.es/</url>
    </dict>
    <dict>
        <titulo>Another title</titulo>
        <body>The body</body>
        <subtitulo>whololoooooooo</subtitulo>
        <key>dep</key>
        <dep>general</dep>
        <imgurl></imgurl>
        <url>http://www.upcomillas.es/</url>
    </dict></noticias>

我正在使用jQuery。但是当我尝试我的html(我的html是this

我正在尝试使用我在网络上找到的代码,但是我在chrome,safari,firefox中打开它并且它什么也没做! :(

我试图找到一种方法来阅读这个xml,但我真的找不到任何在互联网上。有人可以帮忙吗?

非常感谢!!!

1 个答案:

答案 0 :(得分:0)

只是一个例子,首先,您可能会寻找jQuery template engine, that works with xml

<html>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $.get("noticias.xml", function(data) {
            var dicts = $(data).find("dict");
            for (var i = 0; i < dicts.length; i++) {
                var dict = dicts[i];
                $("body").append("<p><a href=\"" + xmlText(dict, "url") + "\">" + xmlText(dict, "titulo") + "</a></p>");
                $("body").append("<p>" + xmlText(dict, "body") + "</p>");
                $("body").append("<p>" + xmlText(dict, "subtitulo") + "</p>");
                $("body").append("<p>" + xmlText(dict, "key") + "</p>");
                $("body").append("<p>" + xmlText(dict, "dep") + "</p>");
            }
        }, "xml");
    });

    function xmlText(elem, name) {
        return $(elem).find(name).text();
    }
</script>
</body>
</html>