JS를 사용하여 테이블을 Excel로 만들기 위해 json 형식 배열을 다운로드하는 방법-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JS를 사용하여 테이블을 Excel로 만들기 위해 json 형식 배열을 다운로드하는 방법

php中世界最好的语言

Apr 14, 2018 am 09:44 AM

javascript json 다운로드

이번에는 JS를 사용하여 json 형식의 배열을 Excel 테이블에 다운로드하는 방법을 보여 드리겠습니다. JS에서 json 형식 배열을 Excel 테이블에 다운로드할 때의 주의 사항은 무엇입니까? 실제 사례를 살펴보세요.

예제는 다음과 같습니다.

<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
  <script type="text/javascript" src="jquery183.min.js"></script> 
  <script type="text/javascript"> 
    $(document).ready(function(){ 
      $('#wwo').click(function(){ 
        var data = {
"title":
[
{"value":"A1标题"}, 
{"value":"B1标题"}
],
"data":
[
[
{"value":"好好"}, 
{"value":"2015-08-24"}
],
[
{"value":"123"}, 
{"value":"hahah"}
]
]
}; 
        if(data == ''){ 
          return; 
}else{
JSONToExcelConvertor(data.data, "Report", data.title); 
}
      }); 
    }); 
 
    function JSONToExcelConvertor(JSONData, FileName, ShowLabel) { 
      //先转化json 
      var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; 
       
      var excel = '<table>';   
       
      //设置表头 
      var row = "<tr>"; 
      for (var i = 0, l = ShowLabel.length; i < l; i++) { 
        row += "<td>" + ShowLabel[i].value + '</td>'; 
      } 
       
       
      //换行 
      excel += row + "</tr>"; 
       
      //设置数据 
      for (var i = 0; i < arrData.length; i++) { 
        var row = "<tr>"; 
         
        for (var index in arrData[i]) { 
          var value = arrData[i][index].value === "." ? "" : arrData[i][index].value; 
          row += '<td>' + value + '</td>'; 
        } 
         
        excel += row + "</tr>"; 
      } 
 
      excel += "</table>"; 
 
      var excelFile = "<html xmlns:o=&#39;urn:schemas-microsoft-com:office:office&#39; xmlns:x=&#39;urn:schemas-microsoft-com:office:excel&#39; xmlns=&#39;http://www.w3.org/TR/REC-html40&#39;>"; 
      excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">'; 
      excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel&#39;; 
      excelFile += &#39;; charset=UTF-8">'; 
      excelFile += "<head>"; 
      excelFile += "<!--[if gte mso 9]>"; 
      excelFile += "<xml>"; 
      excelFile += "<x:ExcelWorkbook>"; 
      excelFile += "<x:ExcelWorksheets>"; 
      excelFile += "<x:ExcelWorksheet>"; 
      excelFile += "<x:Name>"; 
      excelFile += "{worksheet}"; 
      excelFile += "</x:Name>"; 
      excelFile += "<x:WorksheetOptions>"; 
      excelFile += "<x:DisplayGridlines/>"; 
      excelFile += "</x:WorksheetOptions>"; 
      excelFile += "</x:ExcelWorksheet>"; 
      excelFile += "</x:ExcelWorksheets>"; 
      excelFile += "</x:ExcelWorkbook>"; 
      excelFile += "</xml>"; 
      excelFile += "<![endif]-->"; 
      excelFile += "</head>"; 
      excelFile += "<body>"; 
      excelFile += excel; 
      excelFile += "</body>"; 
      excelFile += "</html>"; 
 
       
      var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile); 
       
      var link = document.createElement("a");   
      link.href = uri; 
       
      link.style = "visibility:hidden"; 
      link.download = FileName + ".xls"; 
       
      document.body.appendChild(link); 
      link.click(); 
      document.body.removeChild(link); 
    } 
  </script> 
</head> 
<body> 
  <input type="button" id="wwo" value="导出" /> 
</body> 
</html>

로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

핫 AI 도구

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7465

Cakephp 튜토리얼

1376

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

NYT 연결 힌트와 답변

Related knowledge

Hongguo 단편 드라마 에피소드를 다운로드하는 방법 Mar 11, 2024 pm 09:16 PM

Hongguo Short Play는 단편 연극을 감상할 수 있는 플랫폼일 뿐만 아니라 소설과 기타 흥미로운 콘텐츠를 포함한 풍부한 콘텐츠의 보고이기도 합니다. 이는 독서를 좋아하는 많은 사용자에게 의심할 여지 없이 큰 놀라움입니다. 그러나 많은 사용자는 여전히 Hongguo Short Play에서 이러한 소설을 다운로드하고 시청하는 방법을 모릅니다. 다음에서는 이 사이트의 편집자가 도움이 필요한 모든 사람에게 도움이 되기를 바라며 자세한 다운로드 단계를 제공할 것입니다. 홍국 단편극을 다운로드하고 시청하는 방법은 무엇입니까? 답변: [홍국 단편극] - [오디오북] - [기사] - [다운로드]. 구체적인 단계: 1. 먼저 Hongguo Short Drama 소프트웨어를 열고 홈페이지에 들어가서 페이지 상단의 [도서 듣기] 버튼을 클릭합니다. 2. 그런 다음 소설 페이지에서 많은 기사 내용을 볼 수 있습니다.

wallpaperengine에서 다른 계정으로 로그인한 후 다른 사람의 배경화면을 다운로드하면 어떻게 해야 하나요? Mar 19, 2024 pm 02:00 PM

귀하의 컴퓨터에서 다른 사람의 Steam 계정에 로그인하고 그 다른 사람의 계정에 우연히 배경화면 소프트웨어가 있는 경우, Steam은 자신의 계정으로 다시 전환한 후 다른 사람의 계정에 구독된 배경화면을 자동으로 다운로드합니다. 스팀 클라우드 동기화를 끄세요. 다른 계정에 로그인한 후 wallpaperengine이 다른 사람의 배경화면을 다운로드하는 경우 해결 방법 1. 자신의 Steam 계정에 로그인하고 설정에서 클라우드 동기화를 찾아 Steam Cloud 동기화를 끄세요. 2. 이전에 로그인했던 다른 사람의 Steam 계정으로 로그인하여 Wallpaper Creative Workshop을 열고 구독 콘텐츠를 찾은 다음 모든 구독을 취소하세요. (나중에 배경화면을 찾을 수 없는 경우 먼저 수집한 후 구독을 취소할 수 있습니다.) 3. 자신의 스팀으로 다시 전환합니다.

115://로 시작하는 링크를 다운로드하는 방법은 무엇입니까? 다운로드 방법 소개 Mar 14, 2024 am 11:58 AM

최근 많은 사용자들이 편집자에게 115://로 시작하는 링크를 다운로드하는 방법을 문의해 왔습니다. 115://로 시작하는 링크를 다운로드하려면 115 브라우저를 사용해야 합니다. 115 브라우저를 다운로드한 후 아래 편집기에서 편집한 다운로드 튜토리얼을 살펴보겠습니다. 115://로 시작하는 링크를 다운로드하는 방법을 소개합니다. 1. 115.com에 로그인하고 115 브라우저를 다운로드하여 설치합니다. 2. 115 브라우저 주소 표시줄에 chrome://extensions/를 입력하고 확장 센터에 들어가서 Tampermonkey를 검색한 후 해당 플러그인을 설치합니다. 3. 115 브라우저 주소창에 Grease Monkey 스크립트: https://greasyfork.org/en/를 입력하세요.

슈퍼피플 게임 다운로드 및 설치 방법 소개 Mar 30, 2024 pm 04:01 PM

슈퍼피플 게임은 Steam 클라이언트를 통해 다운로드할 수 있습니다. 이 게임의 크기는 일반적으로 다운로드 및 설치에 1시간 30분 정도 걸립니다. 새로운 글로벌 비공개 테스트 신청 방법 1) 스팀 스토어에서 'SUPERPEOPLE' 검색(스팀 클라이언트 다운로드) 2) 'SUPERPEOPLE' 스토어 페이지 하단의 'SUPERPEOPLE 비공개 테스트 접근 권한 요청' 클릭 3) 접근 요청 버튼, "SUPERPEOPLECBT" 게임은 스팀 라이브러리에서 확인하실 수 있습니다. 4) "SUPERPEOPLECBT"에서 설치 버튼을 클릭하신 후 다운로드 받으세요.

Quark 네트워크 디스크를 로컬에 다운로드하는 방법은 무엇입니까? Quark Network Disk에서 다운로드한 파일을 로컬 컴퓨터에 다시 저장하는 방법 Mar 13, 2024 pm 08:31 PM

많은 사용자가 Quark Network Disk를 사용할 때 파일을 다운로드해야 하는데 우리는 이를 로컬에 저장하고 싶은데 어떻게 설정해야 합니까? 이 사이트에서는 Quark Network Disk에서 다운로드한 파일을 로컬 컴퓨터에 다시 저장하는 방법을 사용자에게 자세히 소개합니다. Quark 네트워크 디스크에서 다운로드한 파일을 로컬 컴퓨터에 다시 저장하는 방법 1. Quark를 열고 계정에 로그인한 다음 목록 아이콘을 클릭합니다. 2. 아이콘을 클릭한 후 네트워크 디스크를 선택하세요. 3. Quark Network Disk를 입력한 후 내 파일을 클릭합니다. 4. 내 파일 입력 후, 다운로드할 파일을 선택하고 점 3개 아이콘을 클릭하세요. 5. 다운로드하려는 파일을 확인하고 다운로드를 클릭하세요.

foobar2000을 어떻게 다운로드하나요? - foobar2000 사용법 Mar 18, 2024 am 10:58 AM

foobar2000은 언제든지 음악 리소스를 들을 수 있는 소프트웨어입니다. 모든 종류의 음악을 무손실 음질로 제공합니다. 음악 플레이어의 향상된 버전을 사용하면 더욱 포괄적이고 편안한 음악 경험을 얻을 수 있습니다. 컴퓨터에서 고급 오디오를 재생합니다. 이 장치는 보다 편리하고 효율적인 음악 재생 경험을 제공합니다. 인터페이스 디자인은 단순하고 명확하며 사용하기 쉽습니다. 또한 다양한 스킨과 테마를 지원하고, 자신의 선호도에 따라 설정을 개인화하며, 다양한 오디오 형식의 재생을 지원하는 전용 음악 플레이어를 생성합니다. 또한 볼륨을 조정하는 오디오 게인 기능도 지원합니다. 과도한 볼륨으로 인한 청력 손상을 방지하려면 자신의 청력 상태에 따라 조정하십시오. 다음엔 내가 도와줄게

Quark Network Disk에서 파일을 다운로드하는 방법_Quark Network Disk를 로컬 영역에 다운로드하고 공유하는 방법 Mar 21, 2024 pm 03:57 PM

편리하고 실용적인 네트워크 디스크 도구인 Quark는 사용자가 즐겨찾는 리소스를 쉽게 얻을 수 있도록 도와줍니다. 로컬로 파일을 다운로드하려면 어떻게 해야 합니까? 이제 편집자가 알려줄테니 함께 배워볼까요! Quark Network Disk를 로컬 공유 방식으로 다운로드하는 방법 1. 먼저 Quark 소프트웨어를 열고 홈페이지에 들어가서 오른쪽 하단의 [Cloud Icon]을 클릭합니다. 2. 그런 다음 Quark Network Disk 페이지에서 [Document]를 클릭합니다. 3. 그런 다음 문서 페이지로 이동하여 다운로드할 파일을 선택하고 [점 3개 아이콘]을 클릭합니다. 4. 마지막 클릭 후 팝업 대화 상자에서 [다운로드]를 클릭합니다.

베일러후 동요 다운로드 방법 Mar 28, 2024 am 11:10 AM

아이들의 성장에 꼭 필요한 반주인 베일레후의 동요는 경쾌한 멜로디와 생생한 그림, 재미있고 교육적인 내용으로 수많은 부모와 아이들의 사랑을 받아왔습니다. 아기들이 언제 어디서나 동요가 주는 즐거움을 누릴 수 있도록 많은 부모들은 베일러후 동요를 휴대폰이나 태블릿에 다운로드해 언제라도 아이들에게 들을 수 있기를 희망하고 있는데, 베일레후 동요를 저장하는 방법은 무엇일까요? ? 휴대폰에서 이 튜토리얼을 통해 자세한 소개를 볼 수 있습니다. 아직 이해하지 못하는 사용자는 이 기사와 함께 읽어 자세히 알아볼 수 있습니다. Beilehu 동요 다운로드 다중 그림 자습서: 소프트웨어를 열고 다운로드하려는 동요를 선택합니다. 편집기는 "클래식 동요"를 예로 사용합니다. 2. 동요 별 아래의 "다운로드" 버튼을 클릭합니다.

See all articles

JS를 사용하여 테이블을 Excel로 만들기 위해 json 형식 배열을 다운로드하는 방법

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제