如何添加确认对话框?如果按“是”,则按钮将下载,否则,按钮将取消

时间:2019-06-01 14:38:09

标签: javascript php

我有这个网页,可以将文件导出到excel文件。它具有一个按钮,单击该按钮时,它将自动下载文件。现在,我需要一个确认或通知按钮,在下载前提示用户。单击“导出”按钮时,将提示您是否要导出。如果单击“是”按钮,则它将导出文件;如果未单击,则将取消文件。

market.php

<button onclick="exportToExcelRequest('tableExport')" class="btn btn-primary">Export Data To Excel File</button>

exportToExcelRequest.js

function exportToExcelRequest(tableID, filename = ''){
    var downloadurl;
    var dataFileType = 'application/vnd.ms-excel';
    var tableSelect = document.getElementById(tableID);
    var tableHTMLData = tableSelect.outerHTML.replace(/ /g, '%20');

    filename = filename?filename+'.xls':'MarketOrderRequestReport.xls';
    downloadurl = document.createElement("a");
    document.body.appendChild(downloadurl);
     if(navigator.msSaveOrOpenBlob){
      var blob = new Blob(['\ufeff', tableHTMLData], {
      type: dataFileType
     });
       navigator.msSaveOrOpenBlob(blob, filename);
     }else{
      downloadurl.href = 'data:' + dataFileType + ', '+ tableHTMLData;
       downloadurl.download = filename;
       downloadurl.click();
      }
}

1 个答案:

答案 0 :(得分:0)

可以用不同的方法完成,这是最简单的方法

<button onclick="if(confirm('agree ?')){exportToExcelRequest('tableExport')}" class="btn btn-primary">Export Data To Excel File</button>

如有任何疑问,请告诉我

另一种方式

function check(data){
  
  if(confirm("Are you sure ?")){
    
    exportToExcelRequest(data);
    
  }
}


function exportToExcelRequest(data){
      alert(data);
    }
<button onclick="check('tableExport')" class="btn btn-primary">Export Data To Excel File</button>