web-dev-qa-db-fra.com

ajouter un résultat ajax à div

Je passe un appel ajax à l'API IMDb pour obtenir les données de film de 'The Shawshank Redemption'. Je veux que ces données soient mises dans la division que j'ai créée.

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

Mon code js actuellement:

$(init);


function init() {

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

Cela ne donne aucune réponse. Cependant, je peux voir les données dans ma console. Lorsque j'ajoute <p>Test</p> au lieu de data, il renvoie «Test» à l'écran. 

javascriptjqueryhtmlajax
3
Betul

C'est ce que j'ai fait. Cela semble fonctionner maintenant. Merci tout le monde. 

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

Vous pouvez essayer de supprimer dataType: "json" de votre appel ajax

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

Vous pouvez essayer avec JSON.stringify (data)

0
Palmiro Lousse
<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();

travailler demo

0
ozil

Ce qui suit devrait fonctionner

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

parce que data sera au format json, comme ceci:

{"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"}

Vérifiez ces ressources:

Utilisation de AJAX pour extraire des données de l'API IMDB

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

0
renakre

Essayez comme ça. L'API renvoie les valeurs JSON dont vous avez besoin pour obtenir les valeurs mentionnées ci-dessous. J'espère que cela vous aide.

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

la réponse est:

function init() {

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