index.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='utf-8'>
  5. <title>JS-XLSX Demo</title>
  6. <script src="xlsx.full.min.js"></script>
  7. </head>
  8. <body>
  9. <p>使用JS导出Excel表,将JS中定义的数组、json的内容导入到一个Excel文件中</p>
  10. <p>
  11. <button onclick="exportData()">导出Excel</button>
  12. </p>
  13. <script type="text/javascript">
  14. function exportData() {
  15. var data = [{
  16. "name": "John",
  17. "city": "Seattle"
  18. }, {
  19. "name": "Mike",
  20. "city": "Los Angeles"
  21. }, {
  22. "name": "Zach",
  23. "city": "New York"
  24. }];
  25. downloadXls(data)
  26. }
  27. function downloadXls(data) {
  28. // Excel文件名称
  29. var filename = "导出json案例.xlsx";
  30. //相关连接http://www.qinluo1023.com/2018/07/03/JS%E8%AF%BB%E5%8F%96%E6%9C%AC%E5%9C%B0EXCEL%E6%96%87%E4%BB%B6.html
  31. /* 创建worksheet */
  32. var ws = XLSX.utils.json_to_sheet(data);
  33. /* 新建空workbook,然后加入worksheet */
  34. var wb = XLSX.utils.book_new();
  35. XLSX.utils.book_append_sheet(wb, ws, "People");
  36. /* 生成xlsx文件 */
  37. XLSX.writeFile(wb, filename);
  38. }
  39. </script>
  40. </body>
  41. </html>