ajax .download file_示例代码

AJAX是一种在网页中实现异步通信的技术，通过AJAX可以在不刷新整个页面的情况下，与服务器进行数据交互。其中，下载文件是AJAX的一种常见应用场景。在下载文件时，我们可以使用AJAX发送一个HTTP请求，服务器返回文件的二进制数据，然后通过JavaScript将这些数据保存为文件并提供下载。

下面是一个使用AJAX下载文件的示例代码：

function downloadFile() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'http://example.com/file.pdf', true);
  xhr.responseType = 'blob';
  xhr.onload = function() {
    if (xhr.status === 200) {
      var fileBlob = xhr.response;
      var fileName = 'file.pdf';
      if (window.navigator.msSaveOrOpenBlob) {
        // For IE/Edge browser
        window.navigator.msSaveOrOpenBlob(fileBlob, fileName);
      } else {
        // For other browsers
        var downloadLink = document.createElement('a');
        downloadLink.href = URL.createObjectURL(fileBlob);
        downloadLink.download = fileName;
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
      }
    }
  };
  xhr.send();
}

在这个示例代码中，我们首先创建了一个XMLHttpRequest对象xhr，然后调用open方法指定了要下载文件的URL。接着，我们将responseType属性设置为'blob'，表示服务器返回的数据是二进制数据。

在xhr的onload事件中，我们首先检查xhr的状态是否为200，表示请求成功。如果成功，我们获取到服务器返回的文件二进制数据fileBlob，并指定要下载的文件名fileName。

接下来，我们根据浏览器的不同情况，使用不同的方式进行文件下载。对于IE/Edge浏览器，我们使用window.navigator.msSaveOrOpenBlob方法将文件保存或打开。对于其他浏览器，我们创建一个a标签downloadLink，将文件二进制数据的URL赋值给其href属性，并设置download属性为要下载的文件名。然后，将该a标签添加到页面中，模拟点击下载链接，最后再将该a标签从页面中移除。

通过以上代码，我们可以实现通过AJAX下载文件的功能。