jQuery使用动态渲染表单功能完成ajax文件下载

下面是详细的攻略：

1. 使用jQuery动态渲染表单

在使用AJAX下载文件之前，我们需要先使用jQuery动态创建表单，这里使用serialize()方法将表单数据序列化，再使用ajax()方法将表单数据发送给服务器。

$(document).ready(function() {
  $('form').on('submit', function(e) {
    e.preventDefault(); // 阻止默认提交事件
    var form_data = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "download.php",
      data: form_data,
      success: function(response) {
        // 处理响应数据
      }
    });
  });
});

2. 在PHP中生成文件并进行下载

接下来是在服务器端生成文件并进行下载，这里需要设置响应头，告诉浏览器下载文件的名称、类型等信息。

header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename="example.pdf"');
readfile('example.pdf'); // 生成文件并输出到浏览器

示例1：生成PDF文件并进行下载

$(document).ready(function() {
  $('#pdf').on('submit', function(e) {
    e.preventDefault();
    var form_data = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "generate_pdf.php",
      data: form_data,
      success: function(response) {
        window.location.href = 'download.php?file=example.pdf';
      }
    });
  });
});

// generate_pdf.php
require_once 'vendor/autoload.php';

use Dompdf\Dompdf;

$dompdf = new Dompdf();
$dompdf->loadHtml('<h1>Hello, World!</h1>');
$dompdf->setPaper('A4', 'landscape');
$dompdf->render();
$dompdf->stream('example.pdf');

// download.php
if (isset($_GET['file'])) {
  $file = $_GET['file'];
  header('Content-Type: application/octet-stream');
  header('Content-Disposition: attachment; filename="' . $file . '"');
  readfile($file);
}

这个示例中，我们使用Dompdf库生成PDF文件，并通过响应头将其下载到浏览器。

示例2：导出CSV文件并进行下载

$(document).ready(function() {
  $('#csv').on('submit', function(e) {
    e.preventDefault();
    var form_data = $(this).serialize();
    $.ajax({
      type: "POST",
      url: "export_csv.php",
      data: form_data,
      success: function(response) {
        window.location.href = 'download.php?file=example.csv';
      }
    });
  });
});

// export_csv.php
$filename = 'example.csv';
header('Content-Type: application/csv');
header('Content-Disposition: attachment; filename="' . $filename . '";');
$data = array(
  array('Name', 'Email', 'Phone'),
  array('John', '[e-mail]', '1234567890'),
  array('Jane', '[e-mail]', '9876543210'),
  array('Mark', '[e-mail]', '5678901234'),
);
$fp = fopen('php://output', 'w');
foreach ($data as $row) {
  fputcsv($fp, $row);
}
fclose($fp);

与上一个示例不同的是，这里是直接在服务器端生成CSV文件，并通过响应头将其下载到浏览器。