如何使用AJAX和Javascript将多个CSV文件转换为多个HTML表格

// AJAX请求获取CSV文件的数据
function getCSVData(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      callback(xhr.responseText);
    }
  };
  xhr.open("GET", url, true);
  xhr.send();
}

// 解析CSV文件的内容
function parseCSVData(csvData) {
  var lines = csvData.split("\n");
  var data = [];
  for (var i = 0; i < lines.length; i++) {
    var cells = lines[i].split(",");
    data.push(cells);
  }
  return data;
}

// 动态生成HTML表格
function createHTMLTable(data) {
  var table = document.createElement("table");
  for (var i = 0; i < data.length; i++) {
    var row = document.createElement("tr");
    for (var j = 0; j < data[i].length; j++) {
      var cell = document.createElement("td");
      cell.textContent = data[i][j];
      row.appendChild(cell);
    }
    table.appendChild(row);
  }
  return table;
}

// 将HTML表格插入到页面中
function insertHTMLTable(table) {
  document.body.appendChild(table);
}

// 使用示例
var csvFiles = ["file1.csv", "file2.csv", "file3.csv"];
for (var i = 0; i < csvFiles.length; i++) {
  var csvUrl = csvFiles[i];
  getCSVData(csvUrl, function(csvData) {
    var data = parseCSVData(csvData);
    var table = createHTMLTable(data);
    insertHTMLTable(table);
  });
}