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

這篇文章給大家分享的是關於透過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: 'POST',　　　　
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中文網其他相關文章！