在 web 开发中，经常会遇到需要实现文件下载的情况。而使用 AJAX 和 ASHX 组合来进行文件下载是一种常见的做法。ASHX 是一个用于处理 HTTP 请求的 HTTP 处理程序（HTTP Handler），可用于动态生成和处理数据。通过结合 AJAX 和 ASHX，我们可以实现异步下载文件的功能，并提供更好的用户体验。本文将介绍如何使用 AJAX 和 ASHX 实现文件下载，并提供一些示例来帮助你更好地理解和应用这一技术。 为了更好地理解 AJAX 和 ASHX 下载文件的过程，让我们假设我们正在开发一个图片分享网站。用户可以上传自己的照片，并与他人分享。然而，由于照片的大小可能会很大，所以我们希望用户能够异步下载图片，以减少等待时间和提高用户体验。 首先，我们需要创建一个 ASHX 文件来处理下载请求。假设我们已经创建了名为 "DownloadImage.ashx" 的文件，并像下面这样编写代码：

using System;
using System.IO;
using System.Web;
public class DownloadImage : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
// 获取要下载的图片路径
string imagePath = context.Request.QueryString["path"];
// 根据路径读取图片文件
byte[] imageBytes = File.ReadAllBytes(imagePath);
// 设置响应的 ContentType 为图片类型
context.Response.ContentType = "image/jpeg";
// 设置响应的内容长度
context.Response.AddHeader("Content-Length", imageBytes.Length.ToString());
// 设置响应的文件名
context.Response.AddHeader("Content-Disposition", "attachment;filename=\"image.jpg\"");
// 输出图片内容
context.Response.OutputStream.Write(imageBytes, 0, imageBytes.Length);
// 结束响应
context.Response.End();
}
public bool IsReusable
{
get { return false; }
}
}

在上述代码中，我们首先通过查询字符串获取要下载的图片路径，然后使用 File.ReadAllBytes 方法读取图片文件。接着，我们设置响应的 ContentType 为图片类型，以确保浏览器正确地识别文件类型。然后，我们设置响应的内容长度和文件名，并将图片内容输出到响应的 OutputStream 中。最后，我们结束响应。 接下来，我们需要使用 AJAX 来实现异步下载图片的功能。首先，我们在 HTML 中创建一个按钮，点击该按钮时触发下载操作：

下载图片

然后，我们使用 JavaScript 编写 downloadImage 函数来触发异步下载。在这个函数中，我们使用 AJAX 发送请求至 ASHX 文件，并将要下载的图片路径作为查询字符串参数传递给该文件：

function downloadImage() {
var imagePath = "path/to/image.jpg";
var xhr = new XMLHttpRequest();
xhr.open("GET", "DownloadImage.ashx?path=" + imagePath, true);
xhr.responseType = "blob";
xhr.onload = function () {
if (xhr.status === 200) {
var blob = new Blob([xhr.response], { type: "image/jpeg" });
var url = window.URL.createObjectURL(blob);
var a = document.createElement("a");
a.href = url;
a.download = "image.jpg";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}
};
xhr.send();
}

在上述代码中，我们首先定义了要下载的图片路径（imagePath），然后创建了一个 XMLHttpRequest 对象。接着，我们通过 xhr.open 方法设置请求的 URL，并将要下载的图片路径作为查询字符串参数传递给 ASHX 文件。然后，我们将 xhr.responseType 设置为 "blob"，以确保返回的数据是二进制文件。在 xhr.onload 函数中，我们检查响应的状态码是否为 200（表示成功），如果是，则创建一个 Blob 对象，将 xhr.response（即下载的文件内容）作为参数传递给它。然后，我们使用 window.URL.createObjectURL 方法创建一个临时的 URL，将其赋值给新创建的 a 标签的 href 属性。接下来，我们使用 a.click 方法模拟用户点击，将文件下载到本地。最后，我们移除 a 标签并释放临时的 URL。 通过以上代码，我们实现了使用 AJAX 和 ASHX 进行异步文件下载的功能。当用户点击下载按钮时，图片将被异步下载，并立即提供给用户。这样，用户无需等待整个页面刷新或打开新的窗口来下载文件，可以得到更好的使用体验。 综上所述，我们通过结合 AJAX 和 ASHX，可以实现异步下载文件的功能，并提供更好的用户体验。使用上述示例中的代码，你可以自行尝试实现文件下载功能，并将其应用到自己的项目中。希望这篇文章能够帮助你更好地理解和应用 AJAX 和 ASHX 下载技术。