Question

我正在构建一个网页，从搜索表单返回电影的几个方面。基本上你键入一个电影名称，一个请求发送到OMDB API，返回电影细节，如标题，导演，年份，海报等。我最大的问题是只有我的应用程序的Javascript部分出现而html没有出现除非页面加载大约一毫秒左右，加载光标不会消失。希望有人可以给我一些关于这里出了什么问题的提示。提前谢谢。

这是我的代码：将我重定向到另一页的表单：

<form action="search_Results.html" method="GET">
  <input type="text" value="Search..." onFocus="this.value='';" onBlur="if 
    (this.value == '') {this.value ='';}" name="search_Input"/>
  <input type="submit" value="Submit"/>
</form>

这是我的HTML代码：

<!DOCTYPE HTML>
<html>
 <head>
    <title>Search Results</title>
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 </head>

  <script src = "js\search_Results.js"></script>

</html>

这是我的javascript代码：

 var queryString = window.location.search;
 var q_String = queryString.slice(14);
 var final_string = "http://www.omdbapi.com/?t=" + q_String + 
"&apikey=3835e1a1";

function apiCall(strings) {
  $.getJSON(strings).then(function(response){
    console.log(response);
    document.write(response.Year);
    document.write("<br>");
    document.write(response.Title);
    document.write("<br>");
    var img = document.createElement("img");

    img.src = response.Poster;
    img.width = 300;
    img.height = 438;
    img.alt = "N/A";
    document.body.appendChild(img);
    document.body.style.backgroundImage = 

  "url('http://www.51tmp.com/d/file/2015/07/25.jpg')";
  });
 }
 apiCall(final_string);

只能在网页上看到代码的javascript部分而不是html

0 个答案: