Question

我是使用API的新手，我完全被阻止使用我必须在我的一个项目中使用的API。这是我必须使用的API：https://api.dev.navigart.fr/890/artworks.json 我的目标是构建一个webapp，允许其用户在该API中搜索项目，然后将其保存在他们的个人空间中。

如何在该API中搜索输入值，然后只提取图像＆＃39;例如，使用Jquery在div中显示它们的URL？ API非常复杂，我完全迷失了:(

非常感谢你的帮助。

Answer 1

首先，您需要使用显示JSON树结构的json查看器。我使用：http://www.jsoneditoronline.org/

完成后，剩下的工作很简单（这里是小提琴：http://jsfiddle.net/9b0a8fsv/）。对API进行.ajax调用，并在'success'中执行：

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);

      }

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

1 个答案: