jquery - 如何从显示xml数据的页面中提取内容

时间:2014-06-06 06:45:25

标签: javascript jquery ajax xml

我有一个链接

http://selenium-release.storage.googleapis.com/

当我在浏览器中直接打开它时,它显示xml输出。

任何人都可以帮助我如何使用jquery ajax从该xml中获取所有"Contents"标记元素的数据。

下面是我尝试的代码,但它不适用于我

 <html>
<head>

    <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>

    <script type="text/javascript" language="javascript">
    $(document).ready(function(){
        $("#dvContent").append("<ul></ul>");
        $.ajax({
            type: "GET",
            url: "http://selenium-release.storage.googleapis.com/",
            dataType: "xml",
            success: function(xml){ 
                $(xml).find('Contents').each(function(){
                var key = $(this).find('Key').text();
                var lastmod = $(this).find('LastModified').text();
                $("<li></li>").html(key + ", " + lastmod).appendTo("#dvContent ul");
            });
            },
            error: function() {
            alert("An error occurred while processing XML file.");
            }
        });
    });    
</script>
<style type="text/css">
body
{
  font-family  : Arial;
  font-size  : 10pt;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="dvContent">
    dfsdfs
    </div>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

跨域ajax是不可能的。 Refer

答案 1 :(得分:0)

此问题的良好工作示例是here