Javascript 如何使csv中的链接在HTML中可单击？_Javascript_Jquery_Html_Ajax

Javascript 如何使csv中的链接在HTML中可单击？

javascript jquery html ajax

Javascript 如何使csv中的链接在HTML中可单击？,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个csv文件，动态加载我的数据，但由于某些原因，我的链接在HTML文件中无法单击以下是我的csv文件的内容： ID,City,Website,ZipCode 1,Florida,https://www.test.com,33601 2,Ohio,https://www.test.com,55555 3,Indiana,https://www.test.com,46032 这是我到目前为止的代码： <!DOCTYPE html> <html lang="en"

我有一个csv文件，动态加载我的数据，但由于某些原因，我的链接在HTML文件中无法单击

以下是我的csv文件的内容：

ID,City,Website,ZipCode 
1,Florida,https://www.test.com,33601 
2,Ohio,https://www.test.com,55555 
3,Indiana,https://www.test.com,46032

这是我到目前为止的代码：

 <!DOCTYPE html>
 <html lang="en" >

 <head>
 <meta charset="UTF-8">
 <script src='jquery.min.js'> </script>
 <title>Parsing CSV Files</title>
 <script>

    (function($) {

  //$(document).ready(function() {

 'use strict';

  $.ajax({
  url: 'csv_data.csv',
  dataType: 'text',
  }).done(successFunction);

  function successFunction(data) {
  var allRows = data.split(/\r?\n|\r/);
  var table = '<table>';
  for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
  if (singleRow === 0) {
    table += '<thead>';
    table += '<tr>';
  } else {
    table += '<tr>';
  }
  var rowCells = allRows[singleRow].split(',');
  var a = $('#test').text();
  document.getElementById("test").innerHTML = a;
  for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
    if (singleRow === 0) {
      table += '<th>';
      table += rowCells[rowCell];
      table += '</th>';
    } else if(rowCells[0]==a){
      table += '<td>';
      table += rowCells[rowCell];
      table += '</td>';
    }
  }
  if (singleRow === 0) {
    table += '</tr>';
    table += '</thead>';
    table += '<tbody>';
    } else {
    table += '</tr>';
   }
  }
  table += '</tbody>';
  table += '</table>';
  $('body').append(table);
  }

  // });

  })(jQuery);
  </script>
  </head>

  <body>
  <pan id="test">2</span>
  </body>


解析CSV文件
（函数（$）{
//$（文档）.ready（函数（）{
"严格使用",；
$.ajax({
url:'csv_data.csv'，
数据类型：“文本”，
}).完成（成功功能）；
函数成功函数（数据）{
var allRows=data.split（/\r？\n |\r/）；
var表=“”；
对于（var singleRow=0；singleRow


现在，当数据加载到HTML文件中时，我的链接只是静态文本。如何根据csv文件中的内容将它们显示为可点击？
只需将您的最后一列放入”；
}  
表+=''；
}
链接渲染工作正常。非常感谢。最后一件事是，我想让它说“单击此处”，我该怎么做？将第二个行单元格[rowCell]
（如果中的一个）更改为“单击此处”
。我这样做了，但我想让它从csv文件中提取链接，其中显示“单击此处”，将链接保留在第一部分，然后更改第二部分。我不确定你在做什么，但如果我理解正确，你的目标是”。是的，这就是我试图做的lol。如果它说“单击此处”，这将是一个链接，因此当用户单击它时，它将打开与csv文件中内容对应的链接。我需要在我的代码中修改什么？听起来OP只是想让我们做他的家庭作业-我的意思是说，这是一个愚蠢的问题…你知道如何创建td，但不是一个链接。谷歌。
table += '<td><a href="';
table += rowCells[rowCell]; //The actual link
table += '">';
table += rowCells[rowCell]; //What's displayed on screen, could be changed
table += '</a></td>';

} else if(rowCells[0]==a){
  table += '<td>';
  table += rowCells[rowCell];
  table += '</td>';
}

} else if(rowCells[0]==a) {
     table += '<td>';
     if (rowCell == 2) table += '<a href="'
     table += rowCells[rowCell];     
     if (rowCell == 2) {
         table += '">';   
         table += rowCells[rowCell]; //This can be changed to table += 'click here!';
         table += '</a>';
     }  
     table += '</td>';
}