Javascript 动态更新jquery中的iframe内容

我有一个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代码，但最后一行不起作用。我不知道我哪里做错了。出于测试的目的，我放置了路径而不是数据，然后它工作得很好。请帮忙

我认为字符串（此处为javascript变量数据）和实际html页面之间存在差异。您可能需要将数据变量保存在某个html页面中，然后更新iframe。我不太确定我的解决方案。检查此

数据变量如下：-----------\n\n\n\n\n\n关于我\n\n\n测试1 2 3\n\n
\n
\n
\n\n\n请告诉我如何保存数据变量（其中包含所需页面的html代码），可以将其保存到html文件并加载到iframe中。上面提到的网址是好的，但它不是我要找的我已经发现了你的代码中的错误，但不知道如何纠正它。假设您的数据变量包含某物，然后使用$（“#newPage”）.attr（'src'，data）；这意味着iframe的源代码不是一个html文件，这就是为什么可能会出现404NotFound错误的原因。在您的控制台中检查它。我想这里的其他人可能会帮助你