Afficher l'image de l'URL contenue dans JSON

J'ai rencontré un problème avec un projet - J'essaie d'afficher une image à partir d'une URL spécifiée dans un flux JSON. J'ai essayé tout ce que je pouvais penser, mais pas d'image. Il semble que je peux obtenir l'URL, mais pas afficher l'image de celui-ci.Afficher l'image de l'URL contenue dans JSON

Voici le code -

<head> 
    <script type="application/javascript" src="jquery-1.4.3.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     $.getJSON('http://openapi.etsy.com/v2/public/shops/textilesandtreasures?api_key=nshydhv462pr42t7g36b5nky', 
     function(data) { 
      $('#ShopBanner').html(data.results[0].image_url_760x100); 
     }); 
    }) 
    </script> 
    </head> 
    <body> 
     Static Load 
     <img src="http://ny-image0.etsy.com/iusb_760x100.7872244.jpg" width="100%" /> 
     <br> 
     Load from API 
     <script language="javascript"> 
      document.write('<img src="'+ ShopBanner); 
      document.write('" width="100%" />'); 
     </script> 
     <ul> 
     This is the correct URL being displayed</br> 
     <li><a href="" id="ShopBanner"></a></li> 
     </ul> 
    </div> 
    </body> 
    </html>

Aide à ce problème serait grandement apprécié. Merci!

Source

2010-11-08 CM.

êtes-vous fermez les balises correctement, au lieu de le faire, a construit une chaîne comme , puis imprimez que html.it devrait fonctionner – kobe

Vous ne devriez pas publier votre clé API de production en public. Je suggérerais d'écrire au support de développement d'Etsy et d'en obtenir un nouveau bientôt pour éviter les abus. – JAL

Ajouter ceci dans votre <body>:

<div id="ShopBanner"></div>

Source

2010-11-08 18:45:51

Vous souhaitez créer une balise <img> et définissez son attribut src:

$.getJSON('http://openapi.etsy.com/v2/public/shops/textilesandtreasures?api_key=nshydhv462pr42t7g36b5nky', 
function(data) 
{ 
    var $img = $("<img />").attr('src', data.results[0].image_url_760x100); 
    $('#ShopBanner').empty().append($img); 

});

Source

2010-11-08 18:46:05 gnarf

Super! Je vous remercie. –

Afficher l'image de l'URL contenue dans JSON

Répondre

Questions connexes