时间戳

首页 > 解决方案 > 动态加载 iFrame 的问题 - JQuery

javascript - 动态加载 iFrame 的问题 - JQuery

问题描述

我有一个简单的 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 代码 -

知道我在这里做错了什么吗？

编辑：

标签： javascriptjqueryhtml

解决方案

抱歉，我认为这是一个 Jquery 问题，但挖掘文档是一个与产品相关的问题。.load我在添加后通过调用重新加载脚本innerHTML-

推荐阅读