Question

我在主体部分内有一个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代码，但最后一行不起作用。我不知道我在哪里做错了。出于测试目的，我放置路径而不是数据然后它完美地工作。请帮忙！

Answer 1

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

在jquery中动态更新iframe内容

1 个答案: