将 ajax 结果附加到 div

我正在对 IMDb API 进行 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它确实将“测试”返回到屏幕。

这就是我所做的。现在似乎正在发挥作用。感谢大家。

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