用iframe实现异步下载
2009-10-21 09:34
ajax方式返回的数据有文本,xml和json这3种方式,显然是无法下载二进制格式的文件。项目需要异步下载的效果,只能求助于iframe了,本文简单的说明一下如何实现。
1、在页面添加一个隐藏的iframe:
<iframe id="iframereport" style="display:none;"></iframe>
2、添加js:
function GetReportAnalysis(){
try{
$("iframereport").onreadystatechange=function(){AfterDownload();};
$("iframereport").src="../PdfExportHandler.aspx?
oper=facksheetpdf&id="+$("hidManagerId").value;
}catch(e){}
}
function AfterDownload(){
try{
var state=$("iframereport").contentWindow.document.readyState;
if(state=="complete"){
var msg=$("iframereport").contentWindow.document.body.innerHTML;
if(msg)$alert(msg);
else $alert("下载失败!");
}
}catch(e){}
}
GetReportAnalysis方法用于下载按钮事件
分享到:
相关推荐
在网页开发中,异步无刷新...总的来说,`iframe`实现的异步无刷新提交是一种实用的技巧,尤其适用于那些需要兼容老版本浏览器或处理跨域问题的场景。通过熟练掌握这一技术,开发者可以构建更加流畅、高效的Web应用。
在这个场景中,`iframe` 被用来实现异步图片上传的功能。以下是具体的技术点和实现步骤: 1. **HTML结构**: 在HTML代码中,我们看到一个`<form>`元素,它包含了一个`<input type="file">`标签,用于让用户选择...
"iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...
本示例主要探讨如何使用JavaScript结合IFrame技术来实现异步图片上传,并提供预览功能,同时确保兼容Firefox、Chrome和IE9等主流浏览器。 首先,我们需要了解异步上传的基本原理。异步上传,也称为Ajax上传,是指在...
友好`iframe`通常利用JavaScript通信(如`postMessage` API)来在主页面和`iframe`之间传递信息,实现异步加载和交互。 每种加载方法在不同场景下都有其适用性。在选择加载策略时,应考虑内容的重要性、加载时间、...
"iframe异步上传"技术就是为了解决这个问题而出现的一种解决方案。这种技术结合了HTML的`<iframe>`元素和JavaScript,使得文件能够后台静默上传,不影响用户在页面上的其他操作。 首先,我们要理解什么是`<iframe>`...
### 使用隐藏的Iframe实现Ajax无刷新上传 在Web开发中,实现文件的无刷新上传是一种常见的需求。本文将详细介绍如何通过使用隐藏的Iframe来实现这一功能,并结合所提供的代码片段进行具体分析。 #### 一、原理概述...
在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...
总结一下,HTML5的`postMessage`和`iframe`结合使用可以实现文件跨域异步上传,提供良好的用户体验。这种方法避免了页面刷新,允许在上传过程中进行其他操作,同时通过异步通信确保了上传过程的非阻塞性。注意,为了...
标题中的"ajax_XML_iframe无刷新异步读取 源代码"指的是使用Ajax技术和XML以及IFrame实现的无刷新异步数据读取技术。在Web开发中,这种技术能够提高用户体验,因为用户无需等待整个页面刷新即可获取或更新数据。 ...
在ASP.NET中,我们通常使用ASP.NET AJAX控件工具包或jQuery库中的FileUpload插件来实现异步上传。在这个UploadDemo中,可能是通过创建一个隐藏的iframe,配合JavaScript或jQuery的Ajax功能来处理文件上传的异步操作...
以下是使用IFrame实现AJAX文件上传的基本步骤: 1. 创建一个隐藏的IFrame元素: ```html <iframe id="upload-iframe" name="upload-iframe" style="display:none;"></iframe> ``` 2. 在表单中设置`target`属性...
以下是一个简单的示例,展示了如何使用JavaScript和IFRAME实现分屏加载: ```javascript // 创建头部IFRAME var headerIframe = document.createElement('iframe'); headerIframe.src = 'header.html'; ...
"iframe实现页面跳转"这个话题涉及到如何利用iframe来实现在不刷新整个页面的情况下,动态加载不同的网页内容,从而提供更好的用户体验。 首先,iframe的使用方式是在HTML代码中插入`<iframe>`标签,指定其`src`...
这个主题,“用DIV仿iframe框架布局效果”,将深入探讨如何使用纯前端技术来模拟一个可独立滚动的内容区域。 首先,我们需要理解iframe的基本概念。Iframe,即内联框架,是一种在HTML文档中嵌入另一个HTML文档的...
现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步提交: ```javascript $(document).ready(function() { $('#myForm').ajaxSubmit({ type: 'POST', // 可以设置请求类型,默认为...
本文将探讨如何不依赖XMLHttpRequest来实现异步加载,并给出具体示例。 首先,XMLHttpRequest(XHR)是JavaScript中的一个对象,它允许我们与服务器进行异步数据交换。然而,当处理某些特定场景时,如加载外部HTML...
`iframe`的一个优点是可以动态加载内容,但我们可以使用`JavaScript`的`AJAX`(异步JavaScript和XML)或现代的Fetch API来实现相同的功能,甚至可以添加更多交互性。例如,点击链接时,不刷新整个页面,而是仅更新`...
【iframe框架后台模板】是一种基于iframe技术构建的静态前端管理系统,其主要特点是利用iframe的特性来实现多页面的集成和管理。在Web开发中,iframe(Inline Frame)是一种嵌入式框架,允许在一个HTML文档中嵌入另...