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