Javascript 由服务器创建后,在div内打开html文件
我已经建立了一个webapp,点击按钮,一个servlet通过ajax被称为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() {
,它在上下文路径的目录中创建了一个html文件
现在,在ajax调用完成后,我需要在divdiffReport
中打开该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');