html
<nav id="tvnav">
<ul class="clearfix">
<input id="movieName" type="text" />
<input id="searchButton" type="button" value="Поиск">
</ul>
</nav>
<div id="imdbcontents" class="clearfix"></div>
$(function(){
$('#searchButton').on('click', function(e){
e.preventDefault();
var movieTitle = document.getElementById("movieName").value; // Считываю названия фильма с поиска
var movie = String(movieTitle);
var resturl = "http://mymovieapi.com/?type=json&q="+movie+"&release=full&plot=full"; // Получаю все параметры фильма
$.ajax({
url: resturl, // Передаю URL с параметрами
dataType: 'json',
success: function(data){
if(data.isValid){
var title = data.title;
var genre = data.genres[0];
var poster = data.poster.imdb;
var url = data.imdb_url;
var plot = data.plot;
var rlseyr = data.year;
var cdiv = $('#imdbcontents'); // Присвоил ID перименной
var thehtml = "<img src=\""+poster+"\" class=\"floatright\">";
thehtml = thehtml + "<h2>"+title+"</h2>";
thehtml = thehtml + "<p class=\"genre\">"+genre+" - first aired in "+rlseyr+"</p>";
thehtml = thehtml + "<p>"+plot+"</p>";
thehtml = thehtml + "<p><a href=\""+url+"\" target=\"_blank\">View on IMDb →</p>";
cdiv.html(thehtml); // Вывести все параметры на страницу
} else {
alert('error');
}
}
})
});
});
В поиске прописывается названия фильма, затем при помощью сайта mymovieapi.com, с сайта IMDB получается вся информация о фильме, получанная информация храниться в URL. Далее при помощью $.ajax с URL, считывается нужная информация и выводиться в div c id="imdbcontents".
Не получается считать инфу с URL... мож кто то может глянуть свежим взглядов... я в упор не вижу ошибку. Заранее спасибо.