Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将HTML表格导出到CSV按钮完全不负责_Javascript_Html_Csv - Fatal编程技术网

Javascript 将HTML表格导出到CSV按钮完全不负责

Javascript 将HTML表格导出到CSV按钮完全不负责,javascript,html,csv,Javascript,Html,Csv,我想将我的HTML表格导出到Excel 我的表在查询中如下所示: 我使用了这个网站的代码: 现在根本不起作用,但2天前起作用了 我的情况如下: rows = [ [column1,column2], [column1,column2], [column1,column2], [column1,column2], [column1,column2], [column1,column2] ] functi

我想将我的HTML表格导出到Excel

我的表在查询中如下所示:

我使用了这个网站的代码:

现在根本不起作用,但2天前起作用了

我的情况如下:

  rows = [
      [column1,column2],
      [column1,column2],
      [column1,column2],
      [column1,column2],
      [column1,column2],
      [column1,column2]
    ] 


 function exportData(){

 var table = document.getElementById("opresults");

 var rows =[];

 for(var i=0,row; row = table.rows[i];i++){

 column1 = row.cells[0].innerText;
 column2 = row.cells[1].innerText;


 rows.push(
 [
   column1,
   column2
 ]
 );

  }
  csvContent = "data:text/csv;charset=utf-8,";

  rows.forEach(function(rowArray){
  row = rowArray.join(",");
  csvContent += row + "\r\n";
  });

    var encodedUri = encodeURI(csvContent);
    var link = document.createElement("a");
    link.setAttribute("href", encodedUri);
    link.setAttribute("download", "site_survey_form.csv");
    document.body.appendChild(link);

    link.click();
    }
    </script>
行=[
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏],
[第1、2栏]
] 
函数exportData(){
var table=document.getElementById(“操作结果”);
var行=[];
for(变量i=0,行;行=表。行[i];i++){
column1=行。单元格[0]。innerText;
column2=行。单元格[1]。innerText;
推(
[
第1栏,
专栏2
]
);
}
csvContent=“数据:文本/csv;字符集=utf-8,”;
rows.forEach(函数(rowArray){
row=rowArray.join(“,”);
csvContent+=行+“\r\n”;
});
var encodedUri=encodeURI(csvContent);
var link=document.createElement(“a”);
link.setAttribute(“href”,encodedUri);
link.setAttribute(“下载”、“站点调查”表单.csv”);
document.body.appendChild(链接);
link.click();
}
HTML

    <table id="opresults" class="outputtable"><p class="outputtablehead">Survey Form - output</p>
    <tr class="colname">
       <th class="question">Form question</th>
       <th  class="answer">Answer</th>
    </tr>
    <tr class="opcontent">
        <script>

            const resultsList = document.getElementById('opresults')
            const matches = document.querySelectorAll("fieldset");
    
            const innerBody = document.createElement('tbody')
            resultsList.append(innerBody);
    
            new URLSearchParams(window.location.search).forEach((value, name) => {
                    const row = document.createElement('tr');
                    const tdName = document.createElement('td');
                    const tdValue = document.createElement('td');
    
                    tdName.innerText = name;
                    tdValue.innerText = value;
    
                    row.append(tdName);
                    row.append(tdValue);
    
                    innerBody.append(row);
              })
             </script> 
           </tr>
       </table>


     <button class="excelsubmit" onclick="exportData()"><span class="glyphicon glyphicon-download"></span> Export form to Excel</button>
调查表-输出

形式问题 答复 const resultsList=document.getElementById('opresults') const matches=document.queryselectoral(“字段集”); const innerBody=document.createElement('tbody') resultsList.append(内体); 新的URLSearchParams(window.location.search.forEach)((值,名称)=>{ const row=document.createElement('tr'); const tdName=document.createElement('td'); const tdValue=document.createElement('td'); tdName.innerText=名称; tdValue.innerText=值; 行追加(tdName); 行追加(tdValue); innerBody.append(行); }) 将表格导出到Excel 这个按钮根本不起作用。我确信,某个地方是一个愚蠢的错误

我试过下面的例子:


这很好,但是文件没有名字。我需要名称为的导出。

函数上方的行数组用于什么?用于提示表导出您的浏览器控制台显示了什么?单击按钮时是否有错误?