javascript - 如何使用点击功能在同一个ajax调用成功时下载多个文件？

Question

在我的文件中，我有 2 个带有 href 的 anchor 标记。我在ajax调用成功处点击了两个 anchor 标记。

<a id="exportExcelFatturaIcon" href ="${createLink(action: 'downloadExcel', params: [fileName:excelFileName])}" hidden>click here</a>
<a id="exportCsvFatturaIcon" href ="${createLink(action: 'downloadCSV', params: [fileName:csvFileName])}"  hidden>click here</a>

Ajax 调用:

$("#exportFatturaButton").click(function(){
    var startDate = $("#startDateFattura").val();
    var endDate =  $("#endDateFattura").val();
    $("#loaderModal").modal('show');
    $.ajax({
        url: "${createLink(controller: 'ExportData',action: 'getDataBySearch')}",
        data: {
            startDate: startDate,
            endDate:endDate
        },
        dataType: "html",
        type: "POST",
        success: function (data) {
            $("#loaderModal").modal('hide');
                document.getElementById("exportExcelFatturaIcon").click();
                document.getElementById("exportCsvFatturaIcon").click();
        },
        error: function (xhr, status) {
            $("#loaderModal").modal('hide');
        }, complete: function (xhr, status) {
            $("#loaderModal").modal('hide');
        }
    });
});

问题案例

情况1:当我只点击 document.getElementById("exportExcelFatturaIcon").click(); 时，只会下载 excel 文件。

情况 2:当我只点击 document.getElementById("exportCsvFatturaIcon").click(); 时，只会下载 csv 文件。

案例3:当我同时击中两个时document.getElementById("exportExcelFatturaIcon").click();document.getElementById("exportCsvFatturaIcon").click(); 则只会下载 csv 文件，而不是 excel 文件。

要求

但在这种情况下 3 我希望两个文件应该同时下载，而不仅仅是一个。

Answer 1

不要在成功回调中触发点击事件，而是尝试

window.open(document.getElementById("exportExcelFatturaIcon").href);
window.open(document.getElementById("exportCsvFatturaIcon").href);