合并Json api响应和我自己的Json数据时出错
合并Json api响应和我自己的Json数据时出错
提问于 2021-01-13 07:46:43
我正在尝试将来自OMDBAPI的电影数据与我自己的数据相结合，这些数据是关于电影的一些附加信息。
Myjson data //我有10部电影
{
"Movie1": {
"id": "01",
"Title": "Disney Princess Enchanted Tales: Follow Your Dreams",
"Characters": ["Sleeping Beauty"," Princess Jasmine"," Rajah", " Jago", " Kong Stefan", " Kong Henrik", " Fauna", " Flora"],
"Actors": ["Erin Torpey", " Lea Salong", " Frank Welker", " Gilbert Gottfried", " Corey Burton", " Jeff Bennett", " Russi Taylor", " Barbara Dirikson"],
"DirectedBy": "David Block",
"ProducedBy": ["Kurt Albrecht", " Douglas Segal"]
},
"Movie2": {
"id": "02",
"Title": "Disney Princess Stories Volume Two: Tales of Friendship",
"Characters": ["Ariel", " Snow White", " Princess Jasmine", " Girl"],
"Actors": ["Jodi Benson", " Carolyn Gardner", " Linda larkin", " Ashley Edner"],
"DirectedBy": ["Rob LaDuca", " Jamie Mitchell", " Kazou Terada"],
"ProducedBy": ["Paul Betzold", " Andrew Carlson"]
},函数
我尝试将OMDBAPI数据附加到ul和li中。正如你所看到的，我也试图在1-10之间循环，在循环中应用我的json，我试图用id和迭代的i数来显示它。
//now we are querying and prepare the results for display;
$(document).ready(function() {
$.getJSON(omdb_request, function(results) {
console.log(omdb_request);
$.each(results.Search, function(idx, item) {
for (var $i = 1; $i <= 10; i++) {
$.getJSON("json/Metadata.json", function(myjson) {
console.log(myjson);
$('ul.movie_list').append('<li><p><strong>Title:</strong> ' + results.Search[idx].Title + '</p><p><strong>Year:</strong> ' + results.Search[idx].Year + '</p><img src="' + results.Search[idx].Poster + '" alt="' + results.Search[idx].Title + '"</img><div id="myjson' + $i + '"></div></li>');
i++;
})
};
});
})
});我添加这张图片是为了在chrome中显示我的检查工具的结果
另一张显示我想做什么的图片
我希望你能帮助我做我的功能，也许我可以做一些事情而不是我的forloop？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-01-13 07:56:01
假设你有两个对象，一个是你的自定义数据：
var myData={
"movieName":"ABC"
}另一个是来自api的。
var apiData={
"movieName":"DEF"
}然后您可以合并它并将其保存到另一个变量中。
const mergedVar = {};
$.extend(mergedVar , myData, apiData);在这种情况下，您可以将api的结果保存到一个新变量中，然后合并它。您可以在此处enter link description here阅读有关$.extend的更多信息
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65693698
复制相关文章
相似问题
腾讯云开发者
