动态更新jquery中的iframe内容

Dynamically update iframe content in jquery

本文关键字：iframe 内容 中的 jquery 更新 动态      更新时间：2023-09-26

我在主体部分中有一个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。我对我的解决方案不太确定。看看这个如何使用jquery动态更改iframe中的内容？

相关文章：