使用jQuery從HTML頁面中的博客feed中獲取圖像

任何人都可以提出一個簡單的過程，使用jQuery從HTML頁面中的RSS feed獲取圖像嗎？使用jQuery從HTML頁面中的博客feed中獲取圖像

我已經嘗試了以下代碼，它在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>

來源

2013-06-27 Abinash Sinha

是不是這是一個跨域調用？ – krishgopinath

在代碼中給出的網址是一個RSS提要...你可以在代碼中列出anny錯誤嗎？ –

當我用戶靜態xml文件，而不是網址...代碼似乎正常工作 –

，它不工作的原因是因爲Same Origin Policy對JavaScript的。您只能向請求該頁面的同一臺主機發出請求。

你必須發送一個請求到你自己的服務器，讓服務器檢索你的XML並返回（如代理）。這將適用於所有瀏覽器。

來源

2013-08-06 15:32:57 Mythica

使用jQuery從HTML頁面中的博客feed中獲取圖像

回答

相關問題