`
反求诸己
  • 浏览: 543138 次
  • 性别: Icon_minigender_1
  • 来自: 湖南娄底
社区版块
存档分类
最新评论

用iframe实现异步下载

 
阅读更多

用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实现异步无刷新提交

    在网页开发中,异步无刷新...总的来说,`iframe`实现的异步无刷新提交是一种实用的技巧,尤其适用于那些需要兼容老版本浏览器或处理跨域问题的场景。通过熟练掌握这一技术,开发者可以构建更加流畅、高效的Web应用。

    iframe实现图片异步上传.doc

    在这个场景中,`iframe` 被用来实现异步图片上传的功能。以下是具体的技术点和实现步骤: 1. **HTML结构**: 在HTML代码中,我们看到一个`&lt;form&gt;`元素,它包含了一个`&lt;input type="file"&gt;`标签,用于让用户选择...

    iframe实现无刷新上传下载

    "iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...

    js加iframe轻松实现异步图片上传 可以预览 兼容FF,chrome,ie9

    本示例主要探讨如何使用JavaScript结合IFrame技术来实现异步图片上传,并提供预览功能,同时确保兼容Firefox、Chrome和IE9等主流浏览器。 首先,我们需要了解异步上传的基本原理。异步上传,也称为Ajax上传,是指在...

    iframe 异步加载技术及性能分析

    友好`iframe`通常利用JavaScript通信(如`postMessage` API)来在主页面和`iframe`之间传递信息,实现异步加载和交互。 每种加载方法在不同场景下都有其适用性。在选择加载策略时,应考虑内容的重要性、加载时间、...

    php之表单文件iframe异步上传

    "iframe异步上传"技术就是为了解决这个问题而出现的一种解决方案。这种技术结合了HTML的`&lt;iframe&gt;`元素和JavaScript,使得文件能够后台静默上传,不影响用户在页面上的其他操作。 首先,我们要理解什么是`&lt;iframe&gt;`...

    使用隐藏的Iframe实现ajax无刷新上传

    ### 使用隐藏的Iframe实现Ajax无刷新上传 在Web开发中,实现文件的无刷新上传是一种常见的需求。本文将详细介绍如何通过使用隐藏的Iframe来实现这一功能,并结合所提供的代码片段进行具体分析。 #### 一、原理概述...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    HTML5 postMessage+iframe实现文件跨域异步上传

    总结一下,HTML5的`postMessage`和`iframe`结合使用可以实现文件跨域异步上传,提供良好的用户体验。这种方法避免了页面刷新,允许在上传过程中进行其他操作,同时通过异步通信确保了上传过程的非阻塞性。注意,为了...

    ajax_XML_iframe无刷新异步读取 源代码

    标题中的"ajax_XML_iframe无刷新异步读取 源代码"指的是使用Ajax技术和XML以及IFrame实现的无刷新异步数据读取技术。在Web开发中,这种技术能够提高用户体验,因为用户无需等待整个页面刷新即可获取或更新数据。 ...

    ASP.NET实现异步上传文件Demo

    在ASP.NET中,我们通常使用ASP.NET AJAX控件工具包或jQuery库中的FileUpload插件来实现异步上传。在这个UploadDemo中,可能是通过创建一个隐藏的iframe,配合JavaScript或jQuery的Ajax功能来处理文件上传的异步操作...

    看到一个js 的ajax的upload用iframe实现

    以下是使用IFrame实现AJAX文件上传的基本步骤: 1. 创建一个隐藏的IFrame元素: ```html &lt;iframe id="upload-iframe" name="upload-iframe" style="display:none;"&gt;&lt;/iframe&gt; ``` 2. 在表单中设置`target`属性...

    通过JavaScript+IFRAME实现页面分屏加载

    以下是一个简单的示例,展示了如何使用JavaScript和IFRAME实现分屏加载: ```javascript // 创建头部IFRAME var headerIframe = document.createElement('iframe'); headerIframe.src = 'header.html'; ...

    iframe 实现页面跳转 动态改变主题

    "iframe实现页面跳转"这个话题涉及到如何利用iframe来实现在不刷新整个页面的情况下,动态加载不同的网页内容,从而提供更好的用户体验。 首先,iframe的使用方式是在HTML代码中插入`&lt;iframe&gt;`标签,指定其`src`...

    用DIV仿iframe框架布局效果

    这个主题,“用DIV仿iframe框架布局效果”,将深入探讨如何使用纯前端技术来模拟一个可独立滚动的内容区域。 首先,我们需要理解iframe的基本概念。Iframe,即内联框架,是一种在HTML文档中嵌入另一个HTML文档的...

    使用jQuery.form插件,实现完美的表单异步提交

    现在,我们可以使用jQuery选择器选取表单元素,并调用`.ajaxSubmit()`方法实现异步提交: ```javascript $(document).ready(function() { $('#myForm').ajaxSubmit({ type: 'POST', // 可以设置请求类型,默认为...

    不使用XMLHttpRequest实现异步加载 Iframe和script

    本文将探讨如何不依赖XMLHttpRequest来实现异步加载,并给出具体示例。 首先,XMLHttpRequest(XHR)是JavaScript中的一个对象,它允许我们与服务器进行异步数据交换。然而,当处理某些特定场景时,如加载外部HTML...

    div+js模拟iframe实现左右框架.rar

    `iframe`的一个优点是可以动态加载内容,但我们可以使用`JavaScript`的`AJAX`(异步JavaScript和XML)或现代的Fetch API来实现相同的功能,甚至可以添加更多交互性。例如,点击链接时,不刷新整个页面,而是仅更新`...

    iframe框架后台模板

    【iframe框架后台模板】是一种基于iframe技术构建的静态前端管理系统,其主要特点是利用iframe的特性来实现多页面的集成和管理。在Web开发中,iframe(Inline Frame)是一种嵌入式框架,允许在一个HTML文档中嵌入另...

Global site tag (gtag.js) - Google Analytics