javascript - HTML Button 的 jQuery 函数在使用 MVC FileResult 时遇到问题

Question

我打算让此函数调用返回 CSV 报告的 MVC 操作方法。

$(function() {
    $('#exportButton').click(function() {
        $.get('/curReport/GetCSVReport');
    });
});

如果我像下面的代码那样制作一个按钮，那么当它被点击时，我会看到“打开方式/保存文件”窗口。

<input type="button" value="Export" onClick="location.href='CurReport/GetCSVReport'">

但是，当我更改我的按钮以使用我的 jQuery 函数时，尽管调用了 GetCSVReport()，但我没有看到“打开方式/保存文件”窗口。

这是我的GetCSVReport()

public FileResult GetCSVReport()
{
    ...
    return fileResult;
}

如何让我的 jQuery 函数像 onClick 一样工作？

谢谢，

亚伦

Answer 1

使用您之前使用的相同代码:

$(function() {
    $('#exportButton').click(function() {
        location.href = 'CurReport/GetCSVReport';
    });
});

get 触发 Ajax 调用，这是您在这里不希望看到的。您使用 jQuery 绑定(bind)事件，但操作保持不变。

要添加查询字符串参数，请使用:

location.href = 'CurReport/GetCSVReport?filter=' + escape(val);