如何通过一个CommandButton打开多个URL？JSF/Primefaces技术求助

Hey Christina, 我来给你几个可行的方案，帮你解决点击按钮同时下载两个文件的问题！

因为HTTP协议一次请求只能返回一个响应，所以最稳妥的无JS方案是把两个文件打包成ZIP压缩包，用户点击按钮后直接下载这个ZIP，里面包含你需要的两个文件。这种方式完全不需要JavaScript，还能避免浏览器拦截多弹窗的问题，用户体验也更好。

实现步骤： #

1. 在你的Managed Bean里编写一个处理下载的方法，根据箱号获取两个文件的内容，用Java的ZipOutputStream打包，然后输出到响应流：

import javax.faces.context.FacesContext;
import javax.faces.context.ExternalContext;
import javax.faces.application.FacesMessage;
import java.io.IOException;
import java.util.zip.ZipOutputStream;
import java.util.zip.ZipEntry;

public class YourBean {
    private String boxNumber; // 假设你已经有获取箱号的逻辑，比如从输入框绑定

    public void downloadZipFiles() {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        ExternalContext externalContext = facesContext.getExternalContext();

        // 设置响应头，告诉浏览器这是一个ZIP文件
        externalContext.setResponseContentType("application/zip");
        externalContext.setResponseHeader("Content-Disposition", 
            "attachment; filename=\"box_" + boxNumber + "_files.zip\"");

        try (ZipOutputStream zos = new ZipOutputStream(externalContext.getResponseOutputStream())) {
            // 添加第一个文件到ZIP
            ZipEntry file1Entry = new ZipEntry("文件1.pdf"); // 替换成你的文件名
            zos.putNextEntry(file1Entry);
            byte[] file1Content = getFile1Content(boxNumber); // 实现根据箱号获取文件内容的方法
            zos.write(file1Content);
            zos.closeEntry();

            // 添加第二个文件到ZIP
            ZipEntry file2Entry = new ZipEntry("文件2.xlsx"); // 替换成你的文件名
            zos.putNextEntry(file2Entry);
            byte[] file2Content = getFile2Content(boxNumber); // 实现根据箱号获取文件内容的方法
            zos.write(file2Content);
            zos.closeEntry();

        } catch (IOException e) {
            e.printStackTrace();
            FacesMessage errorMsg = new FacesMessage(FacesMessage.SEVERITY_ERROR, 
                "下载失败", "无法生成压缩文件，请稍后重试");
            facesContext.addMessage(null, errorMsg);
        }

        // 标记响应已完成，避免JSF后续处理
        facesContext.responseComplete();
    }

    // 这里是获取箱号的逻辑，比如从输入框绑定的属性getter
    public String getBoxNumber() {
        return boxNumber;
    }

    public void setBoxNumber(String boxNumber) {
        this.boxNumber = boxNumber;
    }

    // 你需要自己实现的根据箱号获取文件内容的方法
    private byte[] getFile1Content(String boxNumber) {
        // 比如从数据库读取、调用接口获取文件流等
        return new byte[0];
    }

    private byte[] getFile2Content(String boxNumber) {
        return new byte[0];
    }
}

2. 在JSF页面中使用p:commandButton，注意要设置ajax="false"，因为AJAX请求无法直接处理文件下载：

<!-- 假设你有输入箱号的组件 -->
<p:inputText value="#{yourBean.boxNumber}" placeholder="输入箱号" />

<p:commandButton value="下载两个文件" 
                 action="#{yourBean.downloadZipFiles}" 
                 ajax="false" />

如果业务上必须分开下载两个文件，那需要用JavaScript触发两次下载请求。这里给你两种常见的实现方式：

方式一：用oncomplete触发JS下载 #

先通过commandButton的action获取箱号并存储到bean中，然后在oncomplete事件里用JS打开两个下载链接：

<p:inputText value="#{yourBean.boxNumber}" placeholder="输入箱号" />

<p:commandButton value="下载两个文件" 
                 action="#{yourBean.prepareBoxNumber}" 
                 oncomplete="triggerDualDownload()" 
                 ajax="true" />

<script>
function triggerDualDownload() {
    const boxNumber = '#{yourBean.boxNumber}';
    // 第一个下载链接，用window.open打开
    window.open('/your-app-url/download/file1?box=' + boxNumber, '_blank');
    
    // 第二个下载用隐藏的a标签模拟点击，避免浏览器拦截
    setTimeout(() => {
        const downloadLink = document.createElement('a');
        downloadLink.href = '/your-app-url/download/file2?box=' + boxNumber;
        downloadLink.download = '文件2.xlsx'; // 指定文件名
        downloadLink.target = '_blank';
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
    }, 300); // 延迟一点，降低被浏览器拦截的概率
}
</script>

对应的Bean方法：

public void prepareBoxNumber() {
    // 这里可以做一些箱号的验证逻辑
}

同时你需要在后端编写两个独立的下载接口（比如用@GetMapping的Servlet或者JSF的action方法），接收箱号参数并返回对应的文件流。

方式二：触发隐藏的commandLink #

在页面上放两个隐藏的p:commandLink，每个对应一个文件的下载，然后主按钮点击时用JS触发这两个链接的点击事件：

<p:inputText value="#{yourBean.boxNumber}" placeholder="输入箱号" />

<p:commandButton value="下载两个文件" 
                 onclick="document.getElementById('downloadLink1').click(); setTimeout(() => document.getElementById('downloadLink2').click(), 300); return false;" />

<!-- 隐藏的下载链接，ajax=false确保能处理文件下载 -->
<p:commandLink id="downloadLink1" 
               action="#{yourBean.downloadFile1}" 
               ajax="false" 
               style="display: none;" />

<p:commandLink id="downloadLink2" 
               action="#{yourBean.downloadFile2}" 
               ajax="false" 
               style="display: none;" />

Bean中的downloadFile1和downloadFile2方法和之前ZIP方案里的单个文件下载逻辑类似，分别输出对应文件的响应流即可。

内容的提问来源于stack exchange，提问作者Christina