Ajax请求ashx一般处理程序实现文件下载

 

    具体功能为，在文件数据列表中选择一行，点击表格上方的下载按钮，下载文件。由于表格中不包含文件路径，只能取到在数据库表中的ID，所以具体实现就是这样：首先点击一行，获取点击的一行数据的ID，用Ajax传值到Ashx服务文件，在Ashx中根据ID取到文件路径，转换为服务器虚拟路径后返回到Web页面。在Web页面中用Ajax进行下载。

    一开始尝试过直接在Ashx服务处理中response.writeFile(),结果不能下载，原因可能是因为Ajax请求，而返回的时候直接返回到了Ajax的回调函数中。于是只好取到文件的路径后直接返回回调函数，然后在回调函数路面下载。

    在网上找到好多种下载方式，用jQuery来处理文件路径最多的建议就是window.href=url，可能很多需求并不是下载文件，而是重定向吧。如果下载文件这样写也是可以的，只不过用户体验不好，点击下载后就跳转页面了，下载完还要后退或者怎么样。所以我就没有用这种方式。

    下面还是讲讲我用的方法吧，比较巧妙。就是先在页面中添加一个隐藏的a标签，让其隐藏，在获取到文件路径的时候赋值给a的href，然后触发a标签的click事件就行了。

<a id="dp" href="" style="display: none;"><span id="fp"></span></a>

    这里a标签如果直接触发的话没有用，所以在其中加了一个span标签，触发的span标签的click事件就可以了。

 function Download() {
            //在选择某行的时候给rowid赋值，这里取值即可
            var id = $("#rowid").val();

            $.ajax({
                type: "POST",
                url: "Download.ashx",
                dataType: "json",
                data: {
                    action: "DownLoad",
                    id: id
                },
                success: function (data) {
                    if (data != null || data != "") {
                        //获取返回的文件路径
                        var path = data[0]["path"].toString();
                        //给a标签赋值
                        $("#dp").attr("href", path);
                        //这里的fp是a标签中的span标签的ID
                        $("#fp").click();
                    }
                    else {
                        alert("文件不存在");
                    }
                }
            });
        }

    这的确是一个比较实用的小诀窍，这下再也不用担心Ajax文件下载的问题啦。