Javascript 由服务器创建后,在div内打开html文件

Javascript 由服务器创建后,在div内打开html文件,javascript,jquery,html,ajax,servlets,Javascript,Jquery,Html,Ajax,Servlets,我已经建立了一个webapp,点击按钮,一个servlet通过ajax被称为,它在上下文路径的目录中创建了一个html文件 现在,在ajax调用完成后,我需要在divdiffReport中打开该html文件 这是我写的剧本 $(document).on('click', '#detect', function() { var url = document.getElementById("url").value; $(document).ajaxStart(function() {

我已经建立了一个webapp,点击按钮,一个servlet通过ajax被称为
,它在上下文路径的目录中创建了一个
html文件

现在,在ajax调用完成后,我需要在div
diffReport
中打开该html文件

这是我写的剧本

$(document).on('click', '#detect', function() {
var url = document.getElementById("url").value;

$(document).ajaxStart(function() {
      $("#loader").show();
});
$(document).ajaxStop(function() {
    $("#loader").hide();
});

$.ajax({
    url: 'diffReport?url='+url,
    success:function(data){
        $.ajax({
            type : 'GET',
            url : data,
            success : function(msg) {
                $('#diffReport').html(msg);

            }

        });
    }
   });
});
我的部门呢

<div id="diffReport" style="width:45.5%; height: 730px;float:right">
            <p>Diff report will load here....</p>
            <span id="loader">please wait..<br><img alt="loading..." src="resources/images/loader.gif"></span>
</div>
但是在
ajaxStop
之后没有加载任何内容。甚至在控制台上也没有错误


请建议。

我有一个解决方案。我假设您通过ajax成功地获得了新创建的html页面的完整url。例如,我假设新创建的html文件的url为“”,该页面将通过iframe加载到div中。我已经为此创建了一个演示:

HTML:

<div id="iframe_div">
</div>

JS:

//新创建的html文件的url
var文件\u src=”http://jsfiddle.net/";
$(“”)//创建元素
.attr('src',file\u src)//设置src属性
.attr('height',500)
.attr('width',500)
.appendTo('iframe_div');

尝试添加错误函数并检查响应(注意mime类型)。另外,我建议您查看响应中包含哪些数据。使用Fiddler或Chrome Developer Tools或Firebug。您说过要打开新创建的文件,那么是否要将该html文件打开到动态创建的iframe中?如果您只想动态添加一个带有新文件链接的标记,我可以提供一个解决方案!是的,是我干的。我已经实施了解决方案。
<div id="iframe_div">
</div>
//url of newly created html file
var file_src = "http://jsfiddle.net/";

$('<iframe>')                      // Creates the element
.attr('src',file_src) // Sets the src attribute 
.attr('height',500)
.attr('width',500)
.appendTo('#iframe_div');