Javascript Jquery/Ajax-以HTML格式获取图片和Youtube
因此，我再次回到这里，试图找出如何正确使用HTML，但在尝试了数小时后，仍然无法使其正常工作 无论如何，我正在努力使图片和youtube预告片以HTML格式显示，我搜索的内容是这样的 现在，我正在寻找一些像图片，但得到图片显示和一个预告片播放器 所以基本上我希望它看起来像第一张图片，我已经做到了：Javascript Jquery/Ajax-以HTML格式获取图片和Youtube,javascript,jquery,html,json,ajax,Javascript,Jquery,Html,Json,Ajax,因此，我再次回到这里，试图找出如何正确使用HTML，但在尝试了数小时后，仍然无法使其正常工作 无论如何，我正在努力使图片和youtube预告片以HTML格式显示，我搜索的内容是这样的 现在，我正在寻找一些像图片，但得到图片显示和一个预告片播放器 所以基本上我希望它看起来像第一张图片，我已经做到了： <!DOCTYPE html> <html> <head> <title>Movies</title> </head
<!DOCTYPE html>
<html>
<head>
<title>Movies</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
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("Poster: " + data.poster);
},
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);
});
});
</script>
<body>
<center>
<div>
<input type="text" id="data" name="data" size="15" maxlength="120" />
<button type="submit" value="search" id="get-json">Search</button>
</div>
</center>
<section>
<div id="json-output"></div>
<div id="title"></div>
<div id="release"></div>
<div id="vote"></div>
<div id="overview"></div>
<div id="poster" img src="data.poster" style="width:104px;height:142px;"></div>
</section>
</body>
</html>
影视
函数callAjax（输入）
{
变量url=”http://localhost:1337/search/“+输入；
$.ajax（{
类型：'GET'，
url:url，
成功：功能（数据）
{
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（“poster:+data.poster”）；
},
错误：功能（请求、状态、错误）
{
console.log（'ERROR'）；
}
});
}
$（文档）.ready（函数（）{
$（'#get json'）。在（'click'，函数（e）{
e、 预防默认值（）；
var input=$（'#data'）.val（）.trim（）；
callAjax（输入）；
});
});
搜寻
还忘了说我在这方面是个新手，以前从来没有真正做过HTML，并且已经尝试了一段时间，但没有结果：（你需要为你的JSON元素创建占位符。在没有JSON的情况下，首先写一个HTML页面的示例，看起来像你想要的。该页面应该有元素（例如
divtitlerelease$('#title').html(data.title);
$('#relese').html(data.release);
$('#vote').html(data.vote);
JSON.stringifyfunction(data){
var $list = $('<ul>');
$list.append('<li>Title: ' + data.title + '</li>');
$list.append('<li>Release: ' + data.release + '</li>');
$list.append('<li>Vote: ' + data.vote + '</li>');
$list.append('<li>Overview: ' + data.overview + '</li>');
$('#json-output').html($list);
}
功能（数据）{
var$list=$（“”）；
$list.append（“- 标题：”+data.Title+“
”）；
$list.append（“- Release:”+data.Release+”
）；
$list.append（“- 投票：”+data.Vote+“
”）；
$list.append（“- 概述：”+data.Overview+”
）；
$（'#json output'）.html（$list）；
}
滴滴：id$（'.\title'）.html（“title:+data.title”）的形式写入它$（“#json输出”）.html（JSON.stringify（data，null，“\n”）；$（'ul'）$（''），它就可以工作了