无法使用 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;
        }
    });
}

这是使用它的片段。

...
$('<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) 没有 return 任何内容，因此您看不到任何附加内容。

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

无法使用 JQuery 从 Instagram 添加 HTML

Can't Append HTML from Instagram using JQuery

html

javascript

ajax

jquery

instagram