Question

我正在尝试从我的500px帐户获取图像，并在jQuery滑块内显示在我的投资组合中。

我对jQuery滑块部分没有任何问题，但我之前从未使用过RSS Feed，我不确定是否需要PHP来提取数据并为前端准备好格式，或者它是否可以简单地完成通过jQuery。

关于我如何开始这样的事情的任何想法？

修改/更新

我在看的时候没看过那篇文章，但仔细阅读了它后，我发现它是如何有用的，但它让我遇到了另一个问题。

$(document).ready(function(){
        $.ajax({
          type: "GET",
          url: "http://500px.com/daimz/rss.xml",
          dataType: "xml",
          success: parseXml
        });


        // function that parses XML
        function parseXml(xml){

            // find node with name "catalogueResult" and run function for each
            $(xml).find("item").each(function(){

            // variables
            var title = $(this).find("title").text();
            var link = $(this).find("link").text();
            var imgSrc = $(this).find("imageUrl").text();
            var pubDate = $(this).find("pubDate").text();
            var description = $(this).find("h2").text();

            var photoItem= '<img src="'+imgSrc+'" width="275" alt="'+title+'"/>';

            $(".feed").append(photoItem);

        }); 
    }

}）;

现在这给了我这个错误：

XMLHttpRequest cannot load http://500px.com/daimz/rss.xml. Origin http://localhost is not allowed by Access-Control-Allow-Origin.

Answer 1

由于RSS Feed 应该是有效的XML，您只需使用jQuery ajax请求提取Feed，然后将返回的字符串提供给jQuery对象（通过parseXML（））。然后，您可以像访问任何DOM节点一样访问该新对象中的各个节点。你根本不需要PHP。

从500px RSS Feed中拉出图像并在jQuery滑块中显示

1 个答案: