javascript - cfcontent调用顺序困惑

我正在使用CFcontent将电子表格从服务器流式传输到我的浏览器。在我的新手看来，我的行为似乎很反常。流正在发生，但是流周围的代码未得到执行，我不知道为什么。

首先，我设置了一个隐藏的输入（默认为“ 0”，当用户单击“下载”按钮时将其切换为“ 1”）。

<cfparam name="txtDoDownload" default="0">
<cfif IsDefined("form.txtDoDownload")>
    <cfset txtDoDownload = form.txtDoDownload>
</cfif>
<cfinput type="hidden" name="txtDoDownload" id="txtDoDownload" value="#txtDoDownload#">

然后，如果隐藏的输入Form.txtDiDownload为1，则运行“下载”代码。

<cfoutput>
<cfif IsDefined("Form.txtDoDownload")>
    <!--- THE FOUR ALERTS BELOW DON'T EXECUTE AFTER THE BUTTON IS CLICKED --->
    <!--- BUT THE DOWNLOAD IS STILL HAPPENING --->
    <script>alert("Foo!")</script>
    <script>alert("Form.txtDoDownload: " + #Form.txtDoDownload#)</script>
    <cfif "#Form.txtDoDownload#" EQ 1>
        <script>alert("Downloading . . . ")</script>
    <cfif IsDefined("Alums.Recordcount")>
                <script>alert("In xlDownload")</script>
                <cfset sObj = SpreadsheetNew("AlumniList","true")>
                <cfscript>
                    SpreadsheetAddRows(sObj,Alums);
                </cfscript>
            <cfspreadsheet action="write" filename="C:\DevRoot\test.xlsx" name="sObj" overwrite="true">
            <cfheader name="Content-Disposition" value="inline; filename=temp.xlsx">
            <cfcontent deletefile="yes" type="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" file="C:\wwwroot\test.xlsx">
        </cfif>
        <script>resetDownload();</script>
        </cfif>
    </cfif>
</cfoutput>

这是按钮：

<cfinput type="button" value="Download to Excel" id="btnDLXL" name="btnDLXL" onClick="initDownload()">

这是单击按钮时执行的Javascript：

function initDownload() {
    $('#txtDoDownload').val(1);
    alert("initDownload (txtDoDownload): " + $('#txtDoDownload').val());
    $('#AlumForm').submit();
}

下载进行得很好，但是单击按钮后没有触发下载的所有警报（在第一次通过时，在单击按钮之前触发了一些警报）。这是“执行顺序问题”吗？有任何想法吗？谢谢！

最佳答案

@ user3738377的评论正确。该请求-根据<cfheader>和<cfcontent>标记的指示-使用test.xlsx进行响应，因此它也无法使用其上方的标记进行响应。因此，标记永远不会发送到浏览器，因此永远也不会执行。

您需要将JS交互移动到上一个请求的末尾：在他们按下按钮之后，但在请求XLS文件之前。