Javascript 使用IMBD运行搜索时未定义_Javascript_Jquery_Html_Json_Each

Javascript 使用IMBD运行搜索时未定义

javascript jquery html json

Javascript 使用IMBD运行搜索时未定义,javascript,jquery,html,json,each,Javascript,Jquery,Html,Json,Each,当使用IMDB API运行搜索时，我变得未定义当我使用？t=运行搜索时，它会显示一个结果，但当我使用新的搜索函数？s=运行搜索时，它会显示多个结果。例如，如果我对《星球大战》进行搜索，它应该返回所有包含《星球大战》的标题，但它显示“未定义”。我相信我需要一个each语句或其他东西，但我不知道如何编写它代码如下 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>

当使用IMDB API运行搜索时，我变得未定义

当我使用？t=运行搜索时，它会显示一个结果，但当我使用新的搜索函数？s=运行搜索时，它会显示多个结果。
例如，如果我对《星球大战》进行搜索，它应该返回所有包含《星球大战》的标题，但它显示“未定义”。我相信我需要一个each语句或其他东西，但我不知道如何编写它

代码如下

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Sample</title>

<!--Start StyleSheets and Java Code imports-->
    <link rel="stylesheet" type="text/css" href="Images_StyleSheets/HomePageStyle.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
$( document ).ready(function() {
    $("#SampleSearchButton").click(function() {
        getImdbInfo($("#Title").val());
        })
});

//The function below takes the entered title and searchs imdb for a match then it displays as followed

function getImdbInfo(Title) {
    var url = "http://www.omdbapi.com/?s=" + Title;
    $.ajax({
      url: url,
      cache: false,
      dataType: "jsonp",
      success: function(data) {
                console.log(data);
            var str = "";
            str += "<p>Title :" +data.Title+ "</p>";
            str += "<p>Year :" +data.Year+ "</p>";

            $("#SampleResults").html(str);
      },
      error: function (request, status, error) { alert(status + ", " + error); }
    });
}
</script>
</head>
 <body>
 <center>
               <input id="Title" type="text" value="" />
               <input id="SampleSearchButton" type="button" value="SearchSample"/>
               <br />
</center>
<div id="SampleResults">
</div>

</body>
</html>


样品
$（文档）.ready（函数（）{
$（“#SampleSearchButton”）。单击（函数（）{
getImdbInfo（$（“#Title”）.val（）；
})
});
//下面的函数获取输入的标题并搜索imdb以查找匹配项，然后显示如下
函数getImdbInfo（标题）{
变量url=”http://www.omdbapi.com/?s=“+头衔；
$.ajax({
url:url，
cache:false，
数据类型：“jsonp”，
成功：功能（数据）{
控制台日志（数据）；
var str=“”；
str+=“Title:“+data.Title+””；
str+=“年：“+data.Year+””；
$（#SampleResults”）.html（str）；
},
错误：函数（请求、状态、错误）{alert（状态+，“+错误）；}
});
}

HTML+JS+jQuery

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Sample</title>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
    <script>
    $( document ).ready(function() {
        $("#SampleSearchButton").click(function() {
            getImdbInfo($("#title").val());
        })
    });

    // The function below takes the entered title and searchs imdb for a match then it displays as followed

    function getImdbInfo(Title) {
        $.ajax({
          url: "http://www.omdbapi.com/?s=" + Title,
          cache: false,
          dataType: "json",
          success: function(data) {
                // you get an object for iteration, the keys are Title, Type, Year, imdbID
                console.log(data);

                var str = '<table>';
                str += "<thead><th>Index</th><th>Title</th><th>Type</th><th>Year</th><th>imdbID</th></thead>"

                // iterate over the data result set
                $.each(data.Search, function(index, element) {
                    str += "<tr>";
                    str += "<td>" + index + "</td>";
                    str += "<td>" + element.Title + "</td>";
                    str += "<td>" + element.Type + "</td>";
                    str += "<td>" + element.Year + "</td>";
                    str += "<td>" + element.imdbID + "</td>";
                    str += "</tr>";
                });

                str += '</table>';

                // insert the html
                $("#SampleResults").html(str);
          },
          error: function (request, status, error) { alert(status + ", " + error); }
        });
    }
    </script>
</head>
<body>


<!-- search textbox -->
<input type="text" id="title" placeholder="heat">

<!-- do search button -->
<button type="text" id="SampleSearchButton">Search</button>

<!-- display results container -->
<div id="SampleResults"></div>
</body>
</html>


样品
$（文档）.ready（函数（）{
$（“#SampleSearchButton”）。单击（函数（）{
getImdbInfo（$（“#title”）.val（）；
})
});
//下面的函数获取输入的标题并搜索imdb以查找匹配项，然后显示如下
函数getImdbInfo（标题）{
$.ajax({
url:“http://www.omdbapi.com/?s=“+标题，
cache:false，
数据类型：“json”，
成功：功能（数据）{
//你得到一个迭代对象，关键是Title、Type、Year和imdbID
控制台日志（数据）；
var-str=''；
str+=“IndexTitleTypeYearimdbID”
//迭代数据结果集
$.each（data.Search，函数（索引，元素）{
str+=”；
str+=“”+索引+“”；
str+=“”+元素。标题+“”；
str+=“”+元素。类型+“”；
str+=“”+元素。年份+“”；
str+=“”+element.imdbID+“”；
str+=”；
});
str+=''；
//插入html
$（#SampleResults”）.html（str）；
},
错误：函数（请求、状态、错误）{alert（状态+，“+错误）；}
});
}
搜寻

结果

非常感谢您，这是我需要的，我向uim致敬，想知道您是否可以帮我更多的忙，是否可以使用真实的imdb网站获取信息，以便我也可以获取节目的图像这里是url请求的示例，并按照您上面的方式列出它们