JavaScript -用JavaScript连接JavaScript
JavaScript -用JavaScript连接JavaScript
提问于 2015-10-22 09:52:05
所以我开始做一个简单的HTML，我现在真的很自豪，但是我不能让Javascript使用它是有原因的。我以前从没和Javascript合作过。我从昨天开始，得到了一些帮助，但已经不起作用了。因此，到目前为止，我已经做到了以下几点：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MovieTrailerbase</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div id="page">
<h1>Movie Search</h1>
<form id="searchForm" method="post">
<fieldset>
<input id="s" type="text" />
<input type="submit" value="Submit" id="submitButton" />
<div id="searchInContainer">
<input type="radio" name="check" value="site" id="searchSite" checked />
<label for="searchSite" id="siteNameLabel">Search movie</label>
<input type="radio" name="check" value="web" id="searchWeb" />
<label for="searchWeb">Search series</label>
</div>
</fieldset>
</form>
<div id="resultsDiv"></div>
<div id="title"></div>
<div id="release"></div>
<div id="vote"></div>
<div id="overview"></div>
<div id="poster"></div>
<div id="trailer"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>我怀疑我现在必须向你们展示CSS，因为如果我是对的，它现在做得不太好。
不过，我正在使用这个JS，这是我从这里通过帮助创建的，但是它并没有按照计划进行。
function callAjax(input) {
var url = "http://localhost:1337/search/" + input;
$.ajax({
type: 'GET',
url: url,
success: function(data) {
console.log('SUCCESS');
$('#title').html("Title: " + data.title);
$('#release').html("Release: " + data.release);
$('#vote').html("Vote: " + data.vote);
$('#overview').html("Overview: " + data.overview);
$('#poster').html('<img src="' + data.poster + '" width=250 height=450 />');
$('#trailer').html("Trailer: " + data.trailer);
},
error: function(request, status, err) {
console.log('ERROR');
}
});
}
$(document).ready(function() {
$('#get-json').on('click', function(e) {
e.preventDefault();
var input = $('#data').val().trim();
callAjax(input);
});
});所以，基本上我的计划是，当我在搜索框上搜索一个电影标题，然后按下搜索，它应该来自我自己创建的API中的信息，上面已经写到了JavaScript中的所有内容。所以，我现在真正想做的是，当按下search时，它至少应该连接到API，并说些什么来确保它的工作。
编辑:我的计划是做这样的事情：
只是想让你们看看，所以你们有个类似的想法，我想让你们看起来像。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-10-22 09:55:01
这是：
$('#get-json').on('click', function(e) {…当单击带有id=get-json的元素时执行一些操作。
这是：
var input = $('#data').val().trim();…尝试使用id=data从元素中读取值。
文档中任何地方都没有带有这些ID的元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33278159
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号