Question

我有一个简单的JQuery，单击该按钮即可按如下所示加载iFrame

<script>
    var Previewer = function (Link_ID) {
          $.ajax({
            type: "GET",
            url: "/Home/GetPreview",
            data: { ID: Link_ID },
            datatype: "json",
            success: function (result) {
                document.getElementById('previewerContent').innerHTML = "";              
                document.getElementById('previewerContent').innerHTML = result;
                console.log(result);
            },
            error: function (jqXHR) { // Http Status is not 200
                alert('ERROR  - ' + jqXHR.status);
            }
        });
    }
</script>

控制台中的结果如下

<div class="iframely-embed"><div class="iframely-responsive" style="padding-bottom: 56.2873%; padding-top: 120px;"><a href="http://www.abc.net.au/news/2018-08-18/stokes-back-in-the-england-test-after-cleared-of-affray/10135642" data-iframely-url="//cdn.iframe.ly/api/iframe?url=http%3A%2F%2Fwww.abc.net.au%2Fnews%2F2018-08-18%2Fstokes-back-in-the-england-test-after-cleared-of-affray%2F10135642&amp;key=b3a9c037fa43e134a55200d51ddacfca"></a></div></div><script async src="//cdn.iframe.ly/embed.js" charset="utf-8"></script>

这意味着我的控制器正在返回iFrame

但是当我尝试使用document.getElementById('previewerContent').innerHTML显示它时，它什么也没显示

如果我使用document.getElementById('previewerContent').append(result)，它会简单地显示iframe代码-

你知道我在做什么错吗？

编辑：

我还尝试将datatype: "json",更改为datatype: "text",
此外，我尝试将脚本<script async src="//cdn.iframe.ly/embed.js" charset="utf-8"></script>加载到PAGE LOAD上（没有成功）

Answer 1

很抱歉，我认为这是一个Jquery问题，但是挖掘文档是一个与产品相关的问题。在添加.load-

之后，我通过调用innerHTML重新加载脚本

动态加载iFrame-JQuery的问题

1 个答案: