在 jquery 中动态更新 iframe 内容答案

【问题标题】：Dynamically update iframe content in jquery在 jquery 中动态更新 iframe 内容
【发布时间】：2012-04-03 10:38:36
【问题描述】：

我在正文部分有一个 iframe 容器和一个按钮。任何点击按钮都会调用服务器并获取一些 html 内容。现在，我希望将来自服务器的响应的 html 内容放置在 iframe 中。这是我正在做的代码：-

var url = 'http://www.google.com';
    var request = new XMLHttpRequest();
    var serverURL = "http://localhost:8080/myServer/getPage.htm";
    request.open('GET', serverURL + '?url=' + url, false);
    request.send(null);
    if(request.status == 200) {
        console.log(request.responseText);
        var resp = eval('(' + request.responseText + ')');
        var data = resp[0].data;
        //alert(data);
        var path = 'http://localhost:8080/test/about.html';
        $("#newPage").attr('src',data);
    }

在警报数据变量上，它给了我正确的 html 代码，但最后一行不起作用。我不知道我在哪里做错了。出于测试目的，我放置了路径而不是数据，然后它工作得很好。请帮忙！

【问题讨论】：

数据变量如下所示：-------- \n \n \n \n
\n
\n
关于我 \n \n
\n 测试 1 2 3 。 \n
\n
\n
\n
\n \n \n

标签： javascript jquery iframe

【解决方案1】：

我认为字符串（此处为 javascript 变量数据）和实际的 html 页面之间存在差异。您可能需要将数据变量保存在某个 html 页面中，然后更新您的 iframe。我不太确定我的解决方案。看看这个How do I dynamically change the content in an iframe using jquery?

【讨论】：

你能告诉我如何保存数据变量（包含所需页面的html代码）可以保存到html文件中并加载到iframe中。上面提到的网址很好，但它不是我要找的
我在您的代码中发现了错误，但不知道如何更正。假设您的数据变量包含 ---something something--- 然后使用 $("#newPage").attr('src',data);意味着您的 iframe 来源是 ---something something --- 这实际上不是 html 文件，这就是您可能会收到 404 NOT FOUND 错误的原因。在您的控制台中检查它。我想这里的其他人可能会帮助你

关于我 \n \n \n 测试 1 2 3 。 \n \n \n \n \n \n \n

关于我 \n \n
\n 测试 1 2 3 。 \n
\n
\n
\n
\n \n \n