2013-06-27 11 views
5

Qualcuno può suggerire una semplice procedura per ottenere immagini da un feed RSS in una pagina HTML utilizzando jQuery?Come ottenere immagini dal feed del blog nella pagina HTML utilizzando jQuery

Ho provato il seguente codice che restituisce le immagini su Internet Explorer e Dreamweaver live view ma non su Firefox. Il codice ottiene comunque immagini da file XML.

Ecco il codice

<!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> 
+3

non è una chiamata interdominio? – krishgopinath

+0

l'url indicato nel codice è un feed rss ... Puoi annotare errori anny nel codice? –

+0

quando utilizzo un file xml statico anziché l'url ... il codice sembra funzionare correttamente –

risposta

0

Il motivo per cui non funziona è a causa del Same Origin Policy per JavaScript. Ti è consentito solo effettuare richieste allo stesso host da cui hai servito la pagina.

È necessario inviare una richiesta al proprio server e consentire al server di recuperare l'XML e restituirlo (come un proxy). Funzionerà su tutti i browser.

Problemi correlati