Javascript Can'；t使用JQuery从Instagram追加HTML

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

我的ajax调用正在工作，我正在获取HTML，因为我在

控制台.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)),
...

。。。
$（''，{“样式”：“顶部填充：10px；”}）
.append（$（''）.addClass（'bold'）.text（“用户网站：））
.append（getIFrame（urlIG）），
...

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

这里是我获取嵌入信息的地方，仅供参考：

下面是JSON的一个示例（与API的示例相同）：
发生这种情况的原因是，当此代码运行getIframe（urlIG）时，不会返回任何内容，因此您不会看到任何附加内容

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

$（''，{“样式”：“填充顶部：10px；”}）
.append（$（''）.addClass（'bold'）.text（“用户网站：））
.append（getIFrame（urlIG）），
'Access-Control-Allow-Origin'：“*”，
在客户端没有用…服务器上设置的…@epascarello-Hmmm它似乎什么都没做。但是，不管有没有它，嵌入仍然不会出现。函数
getIFrame（urlIG）
调用ajax调用。这会在显示比萨饼出现之前返回
data.html
和
console.log
。您在电话中订购了比萨饼，并试图在比萨饼到家之前吃掉它。不可能从异步调用返回。阅读这篇重复的文章以了解更多细节。在ajax调用成功时，您需要添加div。这将解决您的问题