Question

有人建议使用jQuery从HTML页面中的RSS提要中获取图像的简单程序吗？

我尝试过以下代码，它在Internet Explorer和Dreamweaver实时视图上返回图像，但在Firefox上没有。无论如何，代码成功地从XML文件中获取图像。

这是代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title></title>

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
   <script>
   $(document).ready(function () {
    $.ajax({
    type: "GET",
    url: "http://wmtechnology.wordpress.com/feed?alt=rss",
    dataType: "xml",
    success: xmlParser
});
});




   function xmlParser(xml) {



   $(xml).find("image").each(function () {

   $("#a1").append('<img src="'+$(this).find("url").text()+'">' + $(this).find("title").text());


    });



    }
    </script>

    </head>
    <body>

    <p id="a1"></p>
    </body>
    </html>

Answer 1

它不起作用的原因是因为JavaScript的Same Origin Policy。您只能向您为其提供页面的同一主机发出请求。

您必须向您自己的服务器发送请求，让服务器为您检索XML并返回（如代理）。这适用于所有浏览器。

使用jQuery从HTML页面中的博客Feed中获取图像

1 个答案: