ajax导出表格,ajax提交文件表单：示例代码

1、Ajax导出表格是指通过Ajax技术将表格数据导出为文件，以供用户下载。这种方式可以实现在不刷新整个页面的情况下，将数据以文件的形式提供给用户，提高用户体验。

示例代码如下：

function exportTable() {
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/export', true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      var downloadLink = document.createElement('a');
      downloadLink.href = response.fileUrl;
      downloadLink.download = response.fileName;
      downloadLink.click();
    }
  };
  xhr.send(JSON.stringify({ tableData: getTableData() }));
}

在上述示例代码中，我们通过XMLHttpRequest对象创建了一个POST请求，并设置了请求头的Content-Type为application/json。然后，我们通过onreadystatechange事件监听请求的状态变化，当请求成功完成（readyState为4，status为200）时，我们解析服务器返回的响应，获取文件的URL和名称。接着，我们创建一个a标签，设置其href为文件URL，download属性为文件名称，然后模拟点击该链接，实现文件的下载。

2、Ajax提交文件表单是指通过Ajax技术将用户上传的文件通过表单提交到服务器进行处理，而不需要整个页面的刷新。

示例代码如下：

function submitForm() {
  var form = document.getElementById('fileForm');
  var formData = new FormData(form);
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/upload', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var response = JSON.parse(xhr.responseText);
      console.log(response.message);
    }
  };
  xhr.send(formData);
}

在上述示例代码中，我们首先通过getElementById方法获取表单元素，然后创建一个FormData对象，将表单元素作为参数传入。接着，我们通过XMLHttpRequest对象创建一个POST请求，并设置请求的URL为服务器的处理接口。然后，我们通过onreadystatechange事件监听请求的状态变化，当请求成功完成（readyState为4，status为200）时，我们解析服务器返回的响应，输出消息到控制台。我们通过send方法将FormData对象发送到服务器进行处理。