使用AJAX和HTML按钮下载PDF文件(无jquery)

使用AJAX和HTML按钮下载PDF文件的方法如下：

首先，在HTML页面中创建一个按钮，用于触发下载操作：

<button onclick="downloadPDF()">下载PDF</button>

在JavaScript中定义downloadPDF()函数，该函数使用AJAX请求来下载PDF文件：

function downloadPDF() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'path/to/pdf/file.pdf', true);
  xhr.responseType = 'blob';

  xhr.onload = function(e) {
    if (this.status === 200) {
      var blob = new Blob([this.response], { type: 'application/pdf' });
      var downloadUrl = URL.createObjectURL(blob);
      var a = document.createElement('a');
      a.href = downloadUrl;
      a.download = 'file.pdf';
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    }
  };

  xhr.send();
}

在上述代码中，将path/to/pdf/file.pdf替换为实际的PDF文件路径。在xhr.open()方法中，第一个参数是请求的方法（这里使用GET），第二个参数是PDF文件的URL，第三个参数表示异步请求。
在xhr.onload回调函数中，首先检查响应的状态码是否为200，表示请求成功。然后，将响应的数据转换为Blob对象，并创建一个下载链接。接着，创建一个<a>元素，设置其href属性为下载链接，download属性为文件名，然后将该元素添加到页面中。最后，模拟点击该链接，触发文件下载操作，并在下载完成后移除该元素。

这样，当用户点击按钮时，就会触发AJAX请求下载PDF文件。

AJAX（Asynchronous JavaScript and XML）是一种用于创建异步请求的技术，可以在不刷新整个页面的情况下与服务器进行数据交互。它可以通过XMLHttpRequest对象发送HTTP请求，并处理服务器返回的数据。

这种方法的优势是可以在不刷新页面的情况下下载文件，提供了更好的用户体验。它适用于需要动态生成PDF文件或根据用户输入生成个性化PDF文件的场景。

腾讯云相关产品和产品介绍链接地址：