append ajax result to div

Question

Я делаю ajax-вызов API IMDb, чтобы получить данные фильма для «The Shawshank Redemption». Я хочу, чтобы эти данные были помещены в созданный мной 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, он возвращает «Тест» на экран.

Answer 1

Следующие должны работать

$("#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/MV5BMjExNzM0NDM0N15BMl5BanBnXkFtZTcwMzkxOTUwNw@@._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/

Answer 2

Попробуйте вот так. API возвращает JSON значения, необходимые для получения значений, указанных ниже. Надеюсь, это поможет вам.

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

Answer 3

<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

Answer 4

Это то, что я сделал. Кажется, сейчас он работает. Всем спасибо.

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

Answer 5

ответ:

function init() { 

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

Answer 6

Вы можете попробовать удалить DATATYPE: "JSON" из вашего АЯКС вызова

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