javascript 實現純前端將資料匯出excel兩種方式

語言: CN / TW / HK

修改之前專案程式碼的時候,發現前人匯出excel是用純javascript實現的。並沒有呼叫後臺介面。

之前從來沒這麼用過,記錄一下。以備不時之需。

方法一:

將table標籤,包括tr、td等對json資料進行拼接,將table輸出到表格上實現,這種方法的弊端在於輸出的是偽excel,雖說生成xls為字尾的檔案,但檔案形式上還是html,程式碼如下:

```javascript     使用table標籤方式將json匯出xls檔案

    匯出

    

```

匯出的檔案字尾是xls,用office開啟的時候不太友好。

然後,我發現了第二個方法

方法二

通過將json遍歷進行字串拼接,將字串輸出到csv檔案,程式碼如下

```javascript     使用a標籤方式將json匯出csv檔案

    匯出

    

```

上邊的兩段程式碼複製即可用。

有好的建議,請在下方輸入你的評論。

歡迎訪問個人部落格 https://guanchao.site