无法使用 JQuery 从 Instagram 追加 HTML [重复]

Question

我正在尝试在我的 HTML 中获取 Instagram 帖子的嵌入式版本。我通过 ajax 调用获得了我想要使用的 HTML。

我的 ajax 调用正在工作，我正在获取 HTML，因为我在我的 console.log 中看到它，但是当我加载页面时没有出现任何错误。

这里是ajax调用：

function getIFrame(url) {
    var embedUrl =  "http://api.instagram.com/oembed?url=" + url;
    $.ajax({
        type: "GET",
        url: embedUrl,
        crossDomain: true,
        headers: { 'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, POST, PUT' },
        async: true,
        dataType: "jsonp",
        success: function (data) {
            console.log(data.html);
            return data.html;
        }
    });
}

这里是使用它的sn-p。

...
$('<div>', { "style" : "padding-top: 10px;"})
    .append($('<span>').addClass('bold').text("User Website: "))
    .append(getIFrame(urlIG)),
...

console.log 将 HTML 正常输出到控制台，但它不会显示在 HTML 中。

这里是我获得嵌入信息的参考：https://instagram.com/developer/embedding/

这里是 JSON 的示例（与 API 相同的示例）：http://api.instagram.com/oembed?url=http://instagr.am/p/fA9uwTtkSN/

Answer 1

发生这种情况是因为当此代码运行时 getIframe(urlIG) 不会返回任何内容，因此您看不到任何附加内容。

$('<div>', { "style" : "padding-top: 10px;"})
.append($('<span>').addClass('bold').text("User Website: "))
.append(getIFrame(urlIG)),