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

Jquery 如何解析Json API提取图像URL并返回它们,jquery,json,api,Jquery,Json,Api,我不熟悉使用API,我完全被一个我必须在我的一个项目中使用的API所阻碍。 以下是我必须使用的API: 我的目标是构建一个webapp,允许其用户在该API中搜索项目,然后将其保存到他们的“个人空间” 如何在该API中搜索输入的值,然后使用Jquery提取图像的URL以在div中显示它们?API如此复杂,我完全不知所措:( 非常感谢您的帮助。首先,您需要使用显示json树结构的json查看器。我使用: 完成后,剩下的就很容易了(这里是小提琴:)。对API进行.ajax调用,并在“成功”中执行以下

我不熟悉使用API,我完全被一个我必须在我的一个项目中使用的API所阻碍。 以下是我必须使用的API: 我的目标是构建一个webapp,允许其用户在该API中搜索项目,然后将其保存到他们的“个人空间”

如何在该API中搜索输入的值,然后使用Jquery提取图像的URL以在div中显示它们?API如此复杂,我完全不知所措:(


非常感谢您的帮助。

首先,您需要使用显示json树结构的json查看器。我使用:

完成后,剩下的就很容易了(这里是小提琴:)。对API进行.ajax调用,并在“成功”中执行以下操作:

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

      }
var results=data.results;
对于(var i=0;i