ajax post導出excel小結(解決亂碼問題)

tanglijun 發布于2019-08-26 10:24 / 1675人閱讀

摘要：當前有一個需求前端對當前頁面的數據做篩選之后需要將其導出至文件且發送的請求需傳入需驗證的參數如頁面信息嘗試了提交及其他方法后出現亂碼等問題最后用成功完成了導出。直接貼代碼下面是解釋這段代碼不加會導致導出的出現亂碼問題。

當前有一個需求前端對當前頁面的數據做篩選之后需要將其導出至excel文件
且發送的請求需傳入需驗證的參數如頁面token信息
嘗試了form提交及其他方法后出現excel亂碼等問題最后用ajax成功完成了導出。
直接貼代碼：

下面是解釋：

xhr.responseType = "arraybuffer";
這段代碼不加會導致導出的excel出現亂碼問題。

xhr.onload內操作如下：使用Blob的構造函數并將取得的response數據作為Blob實例對象的第一個參數，接著這第二個參數type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"可以把表格格式保存為xlsx模式，還有一種是"application/vnd.ms-excel"老版本的用法不需要使用。
由于返回的response數據是二進制流數據所以需借助Blob對象將其轉化。另外可能還有其他js插件可以轉化這里就不做演示了。

然后創建下載地址以供下載。

最后在頁面新增臨時a標簽點擊下載之后remove移除這個dom即可

另外的代碼就是增加請求頭等需與后端溝通好的信息了
后端需要規定參數的話params里再加就好了，這邊傳了個空對象。

以上就是最近項目遇到的一點問題希望對讀完的您有幫助。

GPU云服務器云服務器 excel導出亂碼 Ajax亂碼問題整理 ajax post post請求中文亂碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106117.html

由導出CSV文件格式錯誤的小結

摘要：目前導出方式占用內存較大。比如有些狀態字段，數據庫存的就是數字或只占一個字節，完全換成中文狀態的話，可能達個字節甚至更多。若是必須要用中文形式。中文亂碼解決的話，其實也很簡單，函數，將轉為編碼，在中打開就不會錯了問題描述：目前、一般情況下，在web開發過程中，使用導入導出報表的情形很多。我們先說導出。項目數據量多導出行數較多，50萬行左右，選擇的是csv方式導出。針對以下應用場景，導...

Taonce 2019-07-01 12:49 評論0 收藏0
nodejs(officegen)+vue(axios)在客戶端導出word文檔

摘要：方式請求的數據只能存放在內存空間，可以通過訪問，但是無法保存到硬盤，因為不能直接和硬盤交互，否則將是一個安全問題。是第一個第三方的庫，所以同理。這里是返回的對象這里表示類型創建下載的鏈接下載后文件名點擊下載下載完成移除元素釋放掉對象前言我的項目中有一個需求：點擊按鈕生成可編輯的word文檔訂單詳情的信息我使用的前端框架是Vue.js、后臺使用的是node.jsnode.js生成和導...

Julylovin 2019-08-22 15:24 評論0 收藏0
post 下載文件 (excel)

摘要：具體的官方證據暫時還沒找到，只有下可傳輸的格式為下可傳輸的格式為所以選擇有以下說服后端使用方式。 1.為什么要使用sumit post 下載 excel?最初做下載就知道使用ajax 傳參數過去,后發現返回的值那里顯示一堆亂碼,不觸發excleshowImg(https://segmentfault.com/img/bVboGGo?w=907&h=284); 至于為什么ajax...

mist14 2019-07-01 11:22 評論0 收藏0
post 下載文件 (excel)

摘要：具體的官方證據暫時還沒找到，只有下可傳輸的格式為下可傳輸的格式為所以選擇有以下說服后端使用方式。 1.為什么要使用sumit post 下載 excel?最初做下載就知道使用ajax 傳參數過去,后發現返回的值那里顯示一堆亂碼,不觸發excleshowImg(https://segmentfault.com/img/bVboGGo?w=907&h=284); 至于為什么ajax...

崔曉明 2019-08-23 15:22 評論0 收藏0