如何解析Json API提取图像URL并将它们返回

Question

我是使用API​​的新手，我完全被使用API​​拦截，我必须在我的一个项目中使用它。 以下是我必须使用的API：https://api.dev.navigart.fr/890/artworks.json 我的目标是构建一个web应用程序，该应用程序允许其用户搜索该API中的项目，然后将其保存在其“个人空间”中。

如何搜索该API中的输入值，然后使用Jquery提取图像的URL以将其显示在div中？ API是如此复杂，我完全失去了:(

非常感谢您的帮助

Answer 1

首先，你需要使用显示JSON树结构的JSON观众的我用：。http://www.jsoneditoronline.org/

一旦你弄完都好办（这里是小提琴：http://jsfiddle.net/9b0a8fsv/）。使阿贾克斯调用API，并在“成功”做的事：

var results = data.results; 

     for (var i=0; i<results.length; i++){ 
      console.log('i: ' + i); 
      var article = $('<article/>'); 
      article.attr('id', results[i]['_id']); 
      // iterate through medias 
      var medias = results[i]['_source']['ua']['medias']; 

      if (medias){ 
       console.log(medias.length); 
       for (var j=0; j<medias.length; j++){ 
        // url format: http://images.navigart.fr/{size}/{file_name} 
        var imageURL = medias[j]['url_template']; 
        console.log(imageURL); 
        // replace params 
        imageURL = imageURL.replace('{size}', paramSize); 
        imageURL = imageURL.replace('{file_name}', medias[j]['file_name']); 

        // add to article 
        article.append($('<img/>').attr('src', imageURL)); 
       } 
      } 

      list.append(article); 

     }