CSV を作成してダウンロードするためのさまざまなブラウザーとのクライアント側互換性を実装する JavaScript メソッド_JavaScript スキル

この記事の例では、JavaScript を使用して CSV を作成し、さまざまなブラウザーと互換性のあるクライアント側でそれをダウンロードする方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

$("#radarDLBut").click(function(){
var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]]; 
var csvContent = "data:text/csv;charset=utf-8,\ufeff";
if (window.navigator.msSaveOrOpenBlob) {
  csvContent = "\ufeff";
}
data.forEach(function(infoArray, index){
  dataString = infoArray.join(",");
  csvContent += index < data.length &#63; dataString+ "\n" : dataString;
});
if (window.navigator.msSaveOrOpenBlob) {
  // if browser is IE
  var blob = new Blob([decodeURIComponent(encodeURI(csvContent))],{
 type: "text/csv;charset=utf-8;"
  });
  navigator.msSaveBlob(blob, 'subject.csv');
}else{
  var encodedUri = encodeURI(csvContent);
  var link = document.createElement("a");
  link.setAttribute("href", encodedUri);
  link.setAttribute("download", "subject.csv");
  document.body.appendChild(link);
  link.click();
}
});

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。