首頁 > web前端 > js教程 > 主體

透過Ajax如何請求下載Execl文件

不言
發布: 2018-07-21 10:51:39
原創
4928 人瀏覽過

這篇文章給大家分享的是關於透過Ajax如何要求下載Execl文件,內容很不錯,有需要的朋友可以參考一下,希望可以幫助到大家。

透過Ajax請求下載Execl 的問題,掉進一個坑裡半個多小時,特此來記錄一下 。

起初  我誤以為是後台的問題,然而調試了一下並不是這樣的,也不會報錯,且進入了success 函數。

以下的事件及請求參數看上去貌似也沒問題。

<a href="#" class="easyui-linkbutton" onclick="downLoadExcelTemplate()">下载模板</a>
//下载模板            
function downLoadExcelTemplate() {                  
$.ajax({                        
type: &#39;POST&#39;,                        
url: "DownLoadExcelTemplate",                        
data: null,                        
success: function (redata) {                             
}                  
});            
};
登入後複製

其實情況就出在這裡,下載檔案是不能直接透過Ajax方式的,如果需要使用Ajax操作的話,我們可以這樣寫

在請求成功之後我們透過建立一個< ;a> 標籤接著加入href屬性,最後觸發該屬性就OK了

function downLoadExcelTemplate() {  
$.ajax({    
type: &#39;POST&#39;,    
url: "DownLoadExcelTemplate",    
data: null,    
success: function (redata) {
      var $a = $("<a");                              
      $a.attr("href", "DownLoadExcelTemplate");                              
      $("body").append($a);                              
      $a[0].click();                              
      $a.remove();
    }  
    });
    };
登入後複製

相關推薦:

原生JS如何動態載入JS和CSS檔案以及程式碼腳本

js如何實作會上傳圖片並且壓縮的方法

#

以上是透過Ajax如何請求下載Execl文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!