Ajax文件下載

<html>
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <script type="text/javascript" src="jquery-1.4.2.js"></script>
 </head>

    <body>

 <a href="http://sishuok.com/forum/download?filename=2012/8/3/59e99e4584d24c982bba2ecbb52459ee__hadoop%E5%88%9D%E7%BA%A7ppt.rar">a標籤下載</a>

 <input
    type='button'
    value="修改地址欄下載"
    οnclick="window.location.href='http://sishuok.com/forum/download?filename=2012/8/3/59e99e4584d24c982bba2ecbb52459ee__hadoop%E5%88%9D%E7%BA%A7ppt.rar'">

 <input
    type='button'
    value="打開新窗口下載"
    οnclick="window.open('http://sishuok.com/forum/download?filename=2012/8/3/59e99e4584d24c982bba2ecbb52459ee__hadoop%E5%88%9D%E7%BA%A7ppt.rar')">

 
 <iframe id="fileDownFrame" src="" style="display:none; visibility:hidden;"></iframe>
 
 <input
     type='button'
  value="ajax下載"
  οnclick='$("#fileDownFrame").attr("src","http://sishuok.com/forum/download?filename=2012/8/3/59e99e4584d24c982bba2ecbb52459ee__hadoop%E5%88%9D%E7%BA%A7ppt.rar");'>
 <!--
  ajax下載或者使用 jquery.fileDownload 插件
  http://johnculviner.com/post/2012/03/22/Ajax-like-feature-rich-file-downloads-with-jQuery-File-Download.aspx
  
  服務器端設置不緩存
  header("Pragma: public");
  header("Expires: 0");
  header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
  

 -->
 
 </body>
</html>

 

 

通過js生成一個form,用這個form提交參數,並返回“流”類型的數據。在實現過程中,頁面也沒有進行刷新。

       var form = $("<form>");   //定義一個form表單

       form.attr('style','display:none');   //在form表單中添加查詢參數

       form.attr('target','');

       form.attr('method','post');

       form.attr('action',"exportSms");

      

       var input1 = $('<input>'); 

       input1.attr('type','hidden'); 

       input1.attr('name','exportPostTime'); 

       input1.attr('value',timeString); 

      

       $('body').append(form);  //將表單放置在web中

       form.append(input1);   //將查詢參數控件提交到表單上

       form.submit();   //表單提交

 

發佈了11 篇原創文章 · 獲贊 9 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章