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）不会返回任何内容，因此您不会看到任何附加内容。

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

无法使用JQuery

1 个答案: