个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我知道有很多这样的问题，但我不明白为什么这行不通。我试图从 OMDb API 生成的 JSON 中获取数据并将其传递到表中，但是当我加载页面时没有任何反应。
我是初学者，所以任何帮助将不胜感激。
<!DOCTYPE html>
<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<title>IMDb Information</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="StyleSheet.css">
<script type="text/javascript">
$(document).ready(function () {
var url = "http://www.omdbapi.com/?t=2012";
$.getJSON(url,
function (json) {
var tr;
tr = $('<tr/>');
tr.append("<td><img src=" + json[i].Poster + " width='200' height='297'></td>");
tr.append("<td>" + json[i].Title + "</td>");
tr.append("<td>" + json[i].Year + "</td>");
tr.append("<td>" + json[i].Rated + "</td>");
tr.append("<td>" + json[i].Runtime + "</td>");
tr.append("<td>" + json[i].Genre + "</td>");
tr.append("<td>" + json[i].Director + "</td>");
tr.append("<td>" + json[i].Actors + "</td>");
tr.append("<td>" + json[i].Plot + "</td>");
$('#imdb').append(tr);
});
});
</script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">Videos</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="catalogue.html">Catalogue</a></li>
<li><a href="rent.html">Rent</a></li>
<li><a href="return.html">Return</a></li>
</ul>
</div>
</div>
</nav>
<div id="content">
<h1>IMDb Information</h1>
<table class="table table-hover" id="imdb">
<thead>
<tr>
<th>Poster</th>
<th>Title</th>
<th>Year</th>
<th>Rated</th>
<th>Runtime</th>
<th>Genre</th>
<th>Director</th>
<th>Actors</th>
<th>Plot</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</body>
</html>
JSON 文件如下所示:
{"Title":"2012","Year":"2009","Rated":"PG-13","Released":"13 Nov 2009","Runtime":"158 min","Genre":"Action, Adventure, Sci-Fi","Director":"Roland Emmerich","Writer":"Roland Emmerich, Harald Kloser","Actors":"John Cusack, Amanda Peet, Chiwetel Ejiofor, Thandie Newton","Plot":"A frustrated writer struggles to keep his family alive when a series of global catastrophes threatens to annihilate mankind.","Language":"English, French, Tibetan, Mandarin, Russian, Hindi, Portuguese, Latin, Italian","Country":"USA","Awards":"4 wins & 20 nominations.","Poster":"http://ia.media-imdb.com/images/M/MV5BMTY0MjEyODQzMF5BMl5BanBnXkFtZTcwMTczMjQ4Mg@@._V1_SX300.jpg","Metascore":"49","imdbRating":"5.8","imdbVotes":"256955","imdbID":"tt1190080","Type":"movie","Response":"True"}
最佳答案
json 响应是一个对象而不是数组，用这个替换你的回调:
var tr;
tr = $('<tr/>');
tr.append("<td><img src=" + json.Poster + " width='200' height='297'></td>");
tr.append("<td>" + json.Title + "</td>");
tr.append("<td>" + json.Year + "</td>");
tr.append("<td>" + json.Rated + "</td>");
tr.append("<td>" + json.Runtime + "</td>");
tr.append("<td>" + json.Genre + "</td>");
tr.append("<td>" + json.Director + "</td>");
tr.append("<td>" + json.Actors + "</td>");
tr.append("<td>" + json.Plot + "</td>");
$('#imdb').append(tr);
关于javascript - 尝试使用 JavaScript/jQuery 将来自 OMDb API 的 JSON 解析为 HTML Bootstrap 表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32007761/
25
4
0
我的问题是我每次搜索只能得到一部电影。例如，如果我搜索“哈利波特”，我希望能够获取所有哈利波特电影 JSON 对象。目前我在搜索哈利波特时只能找到哈利波特和死亡圣器。 $("#btnSearch").
我正在尝试使用 IMDO api 从 IMDB 获取特定电影，如果只有一部电影具有我正在搜索的标题，它会工作得很好。 但如果有多部电影，我会选择第一部，我假设是按年份排序的。 如何获取所有带有标题的电
所以我可以得到一个单一的查询，例如: `http://www.omdbapi.com/?t=inception` 如何从api获取所有电影？ 最佳答案 即使您使用 *，您也无法从 OMDb API 获
我相信这可能只是 OMDb API 中的一个错误。但我希望有人能指出我方法中的错误。 我正在尝试在输出中包含烂番茄评级。但无论我尝试什么选择，我都什么也得不到。 curl http://www.omd
我正在家里使用 omdb api 进行一个项目，如果我搜索一部电影没有结果，它仍然会显示详细信息(标题、年份、情节等)以及我之前成功搜索的损坏图像。 如果找不到电影，我会尝试阻止它显示任何内容。这可能
借助 OMDB 数据库，我的 swift 应用程序允许人们搜索电影。不过，我正在尝试弄清楚如何在每次搜索中返回超过 10 个结果。 searchKeyword 是用户为搜索电影而输入的字符串值。我正在
我目前正在与 OMDb API 合作并设法从中获取一些数据。现在我正在按标题和发行年份搜索电影数据库，并且能够将 Actor 放在一个“ block ”中。 这是我面临的两个问题: 如何将所有 Act
我在我的应用程序中使用了很棒的 OMDb API，我希望能够使用此 API 搜索剧集信息。 到目前为止，我已经能够搜索电影/剧集，但找不到搜索特定剧集的方法。 (我想我可以使用剧集的 IMDB id
我想获取并显示电影列表。我使用这个名为 OMDb API 的 API .但似乎我需要为此创建一个 API key 。在他们的 site他们解释说: 将所有数据请求发送至: http://www.omd
此程序将允许用户按片名搜索电影，并使用 OMDb API 返回(如果找到)电影的片名、发行日期和海报(如果可用)。 http://www.omdbapi.com/ 我在处理请求时遇到了问题。控制台中没
我正在尝试使用 OMDB API 检索数据，尽管我有数据请求，但仍然出现“内部服务器错误”:res.send(results["search"][0]) (请注意，我使用的是 goorm IDE) v
我正在使用OMDb API获取电影的标题、年份和运行时间。这些应该在页面加载后立即出现在页面上。我为此使用了 j query ajax。但它不起作用。 页面加载后，它就会显示未定义的内容。我哪里出错了
我正在尝试通过 fetch 使用 OMDB api，我在网络中看到我的数据库正在运行。但是它没有显示在我的 Angular 6 页面上。我在这段代码中缺少什么？ import { HttpClient
我正在尝试从 OMDb API 中获取电影数据 OMDb 提供的响应有一个错误的内容类型，但我能够规避这个问题。但是，我仍然收到来自 AFNetworking 的错误: Error while fet
需要 omdb api 方面的帮助，有什么办法可以通过 omdb api 从基地获取 100 部热门电影吗？我尝试使用 http://www.omdbapi.com/?s=' '&page=1&api
这个问题已经有答案了: Anaconda not finding my packages installed with `pip` (1 个回答) 已关闭 7 年前。 我在了解计算机中安装 omdb
所以，我正在尝试创建一个 iOS 应用程序(我是初学者)在 IMDB 上搜索电影(使用 OMDb API 和 Alamofire)。语言是 swift 3. 在阅读了很多教程之后，我做了两种连接 AP
我想从 JSON 文本的 OMDB API 获取电影数据。我正在使用 Java 来解码这个和 JSON-simple 包。 我要解码的 URL 是这样的，例如:http://www.omdbapi.c
我知道有很多这样的问题，但我不明白为什么这行不通。我试图从 OMDb API 生成的 JSON 中获取数据并将其传递到表中，但是当我加载页面时没有任何反应。 我是初学者，所以任何帮助将不胜感激。
我是一名优秀的程序员,十分优秀！