如何使用jquery,ajax和xml从RSS提要中显示和解析图像到html站点?

时间:2018-10-22 16:50:23

标签: jquery html ajax xml rss

我想知道你们是否可以帮助我解决我的代码出了什么问题。因此,我试图从rss feed获取图片以显示出来,但到目前为止,我只在输出div中获得了[object]。我也无法在控制台中显示任何错误。有任何想法吗?网址和标题按预期显示

这是我的代码:

   $(document).ready(function () {

   let getNewsBtn = $("#get-news-btn");
   let HsResultOutput = $("#content-output-fin");
   let HsUrl = 
   "https://www.hs.fi/rss/tuoreimmat.xml"

   getNewsBtn.on("click", getHs);

   function getHs(){
   $.ajax(
   {
    method: "GET",
    dataType: "xml",
    url: HsUrl,        
   })
   .done(function(xml)     
   {                
    $.each($("item", xml), function(i, e) {

        var itemURL = ($(e).find("link"));
        var newsURL = "<a href='" + itemURL.text() + "'>" + 
        itemURL.text() +"</a>"

        var imgURL = ($(e).find("image"));
        var newsImg = "<p>" + imgURL.text(["image"]) + "</p>";

        var itemTitle = ($(e).find("title"));
        var newsTitle = "<h4>" + itemTitle.text() + "</h4>";

        $("#content-output-fin").append(newsURL);
        $("#content-output-fin").append(newsImg);
        $("#content-output-fin").append(newsTitle);

        });
        });
        };
        });

        HTML: <h4 class="modal-title" id="content-output-hs"></h4>

0 个答案:

没有答案