循环浏览json结果以获得不同的OMDB结果 [英] Loop through json results for differnt OMDB results
问题描述
我有点新的php + javascript。
我已经设置了可爱的文件浏览器来查看我计算机上的共享文件夹。它工作正常显示所有文件和&文件夹没有问题。
现在我尝试使用OMDB搜索电影海报,然后为每个电影名称显示它们。
目前它可以工作但只有第一个电影标题。当检查FF中的元素时,它确实显示所有其他海报,但仅在第一个中显示
以下显示我的单独电影文件夹 - 没有问题可以正常工作....
我的尝试:
if(scanningFolders.length) {
scanningFolders.forEach(function(f){
var itemsLength = f.items.length ,
name = escapeHTML(f.name);
if(itemsLength){
icon =' ';
}
if(itemsLength == 1){
itemsLength + ='item';
}
else if(itemsLength> 1){
itemsLength + ='items';
getPoster(name);
}
else {
itemsLength ='空';
}
var folder = $('
folder.appendTo(fileList);
});
}
现在我想用omdb添加电影海报...
im kinda new to php + javascript.
I have set up "cute file browser" to look at a shared folder on my computer. it works fine displays all files & folders no problem.
Now im trying to use OMDB to search for movie posters and then display them for each movie name.
currently it works but only with the first movie title. when inspecting the element in FF it does show all the other posters but only within the first
The following displays my Seperate movie folders - no problems works fine....
What I have tried:
if(scannedFolders.length) {
scannedFolders.forEach(function(f) {
var itemsLength = f.items.length,
name = escapeHTML(f.name);
if(itemsLength) {
icon = '';
}
if(itemsLength == 1) {
itemsLength += ' item';
}
else if(itemsLength > 1) {
itemsLength += ' items';
getPoster(name);
}
else {
itemsLength = 'Empty';
}
var folder = $('
folder.appendTo(fileList);
});
}
now i want to add movie posters using omdb...
function getPoster(finfo)
{
var filmName;
var realName;
filmName = finfo;
realName = filmName.split('.')[0];
var omdbUrl = "http://www.omdbapi.com/?t=" + realName;
//document.getElementById("songdisplay").innerHTML = url;
$.ajax({
url: omdbUrl,
//force to handle it as text
dataType: "text",
success: function(data) {
//data downloaded so we call parseJSON function
//and pass downloaded data
var json = $.parseJSON(data);
//now json variable contains data in json format
//let's display a few items
document.getElementById("folders").innerHTML += "<img id='imgposter' class='imgPoster' src='" + json.Poster + "'></img>";
}
});
}
但是所有内容都显示在第一个文件夹,而不是将每个图像放入自己的LI ....
https://i.stack.imgur.com/qHhdS.jpg
任何帮助都会很棒谢谢
but everything is displayed within the first folder rather than putting each image into its own LI....
https://i.stack.imgur.com/qHhdS.jpg
any help would be great thanks
推荐答案
(''+ name +' ');
folder.appendTo(fileList);
});
}
现在我想用omdb添加电影海报...
('' + name + ' ');
folder.appendTo(fileList);
});
}
now i want to add movie posters using omdb...
function getPoster(finfo)
{
var filmName;
var realName;
filmName = finfo;
realName = filmName.split('.')[0];
var omdbUrl = "http://www.omdbapi.com/?t=" + realName;
//document.getElementById("songdisplay").innerHTML = url;
.ajax({
url:omdbUrl,
// 强制将其作为文本处理
dataType: text ,
成功:功能(数据){
// 已下载数据,因此我们调用parseJSON函数
// 并传递下载的数据
var json =
.ajax({ url: omdbUrl, //force to handle it as text dataType: "text", success: function(data) { //data downloaded so we call parseJSON function //and pass downloaded data var json =
.parseJSON(data) ;
// 现在json变量包含json格式的数据
// 让我们显示几个项目
document .getElementById( folders)。innerHTML + = < img id ='imgposter'class ='imgPoster'src =' + json.Poster + '>< / img>;
}
});
}
.parseJSON(data); //now json variable contains data in json format //let's display a few items document.getElementById("folders").innerHTML += "<img id='imgposter' class='imgPoster' src='" + json.Poster + "'></img>"; } }); }
但是所有内容都显示在第一个文件夹,而不是将每个图像放入自己的LI ....
https://i.stack.imgur.com/qHhdS.jpg
任何帮助都会很棒,谢谢
but everything is displayed within the first folder rather than putting each image into its own LI....
https://i.stack.imgur.com/qHhdS.jpg
any help would be great thanks
这篇关于循环浏览json结果以获得不同的OMDB结果的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!