将ajax结果附加到div

我正在对IMDb API进行ajax调用以获取“The Shawshank Redemption”的电影数据。我希望将这些数据放入我创建的div中。将ajax结果附加到div

<div id="movie-data"></div>

我的js代码目前：

$(init); 


function init() { 

    $.ajax({ 
     dataType: "json", 
     url: "http://www.omdbapi.com/?i=tt0111161", 
     success: function (data) { 
      console.log(data); 
      $("#movie-data").append(data); 
     } 
    });

它不给任何回应。但是，我可以在控制台中看到数据。当我追加<p>Test</p>而不是data它确实返回'测试'到屏幕上。

来源

2015-04-03 Betul

是什么'data'的价值？ – 2015-04-03 13:20:05

@MilindAnantwar' data'是关于电影 – Betul 2015-04-03 13:21:54

的所有信息，你可以分享这个价值吗？ – 2015-04-03 13:22:57

下应该工作

$("#movie-data").html(data.Title);

因为data将是JSON格式，如：

{"Title":"Titanic","Year":"1997","Rated":"PG-13","Released":"19 Dec 1997","Runtime":"3 h 14 min","Genre":"Drama, Romance","Director":"James Cameron","Writer":"James Cameron","Actors":"Leonardo DiCaprio, Kate Winslet, Billy Zane, Kathy Bates","Plot":"A seventeen-year-old aristocrat, expecting to be married to a rich claimant by her mother, falls in love with a kind but poor artist aboard the luxurious, ill-fated R.M.S. Titanic.","Poster":"http://ia.media-imdb.com/images/M/[email protected]@._V1_SX300.jpg","imdbRating":"7.6","imdbVotes":"449,162","imdbID":"tt0120338","Type":"movie","Response":"True"}

检查这些资源：

Using AJAX to Extract Data from IMDB API

http://99webtools.com/blog/php-get-movie-information-from-imdb/

来源

2015-04-03 13:21:13 renakre

如果它的失败追加，它将失败的HTML以及 – 2015-04-03 13:22:49

我试过第二个选项，现在它返回[对象对象]。 – Betul 2015-04-03 13:23:58

试试这个。 API正在返回您需要获取如下所述值的JSON值。希望这可以帮助你。

var content = 'Title : '+data.Title ; 
content += ' Year : '+data.Year ; 
content += ' Rated : '+data.Rated ; 
content += ' Released : '+data.Released ; 
$("#movie-data").append(content);

来源

2015-04-03 13:38:13 Raja

<div id="movie-data"></div> 
function init() { 
var html=''; 
    $.ajax({ 
     dataType: "json", 
     url: "http://www.omdbapi.com/?i=tt0111161", 
     success: function (data) { 
      for(var key in data) { 
      var value = data[key]; 
       html+='<div>'+key+':'+value+'</div>' 
      } 
      $("#movie-data").append(html); 

     } 
    }); 
} 
init();

工作demo

来源

2015-04-03 13:47:54 ozil

这就是我所做的。它现在似乎在工作。感谢大家。

$.ajax({ 
     dataType: "json", 
     url: "http://www.omdbapi.com/?i=tt0111161", 
     success: function (data) { 
      console.log(data); 
      $("#movie-data").append(JSON.stringify(data));

来源

2015-04-03 13:59:19 Betul

如果您的答案是解决您的问题的答案，那么您应该将自己的答案标记为已接受。 – AntonChanning 2017-07-03 10:19:46

的答案是：

function init() { 

$.ajax({ 
    dataType: "json", 
    url: "http://www.omdbapi.com/?i=tt0111161", 
    success: function (data) { 
     console.log(data); 
     $("#movie-data").html($(data).append(data)); 
    } 
});

来源

2017-01-26 11:53:27

你可以尝试删除数据类型： “JSON” 从你的Ajax调用

$.ajax({ 
    dataType: "json", 
    url: "http://www.omdbapi.com/?i=tt0111161", 
    success: function (data) { 
     console.log(data); 
     $("#movie-data").append(data); 
    } 
});

来源

2017-06-19 12:51:39 arniotaki

将ajax结果附加到div

回答

相关问题