javascript - 将 ajax 结果附加到 div

Question

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

Answer 1

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

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