Ajax（Asynchronous JavaScript and XML）是一种进行网页局部刷新的技术，可以通过异步请求从服务器获取数据并更新页面，不需要刷新整个页面。在Web开发过程中，常常需要使用Ajax来实现文件传输和数据格式化的功能。本文将介绍如何使用Ajax传输文件和对数据进行格式化。

在实际开发中，我们经常需要实现用户上传文件的功能。传统的表单提交方式在上传大文件时会导致页面长时间等待，用户体验较差。通过Ajax传输文件可以实现异步上传，提升用户体验。

要使用Ajax传输文件，我们需要使用XMLHttpRequest对象。下面是一个简单的示例，演示如何通过Ajax上传文件：

const fileInput = document.getElementById('file-input');
const file = fileInput.files[0];
const xhr = new XMLHttpRequest();
xhr.open('POST', '/upload', true);
xhr.onload = function() {
if (xhr.status === 200) {
console.log('文件上传成功！');
} else {
console.log('文件上传失败！');
}
};
const formData = new FormData();
formData.append('file', file);
xhr.send(formData);

在上述代码中，我们首先获取input元素中选择的文件，然后创建一个XMLHttpRequest对象，并打开一个POST请求。当请求完成后，我们可以通过xhr.status属性判断请求是否成功。FormData对象用于创建一个表单数据对象，将文件添加到该对象后，可以通过xhr.send方法发送请求。

在进行数据交互时，常常需要对数据进行格式化，以便服务器和客户端之间能够正确地解析和处理数据。在前后端分离的应用中，常用的数据格式是JSON。使用Ajax可以方便地将数据格式化为JSON字符串，并发送到服务器端。

下面是一个将数据格式化为JSON字符串并发送到服务器的示例：

const data = {
name: 'Tom',
age: 18,
gender: 'male'
};
const xhr = new XMLHttpRequest();
xhr.open('POST', '/save', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onload = function() {
if (xhr.status === 200) {
console.log('数据保存成功！');
} else {
console.log('数据保存失败！');
}
};
xhr.send(JSON.stringify(data));

在上述代码中，我们首先创建了一个包含name、age和gender属性的对象。然后创建一个XMLHttpRequest对象，并设置请求头为application/json，表示需要发送JSON数据。最后，通过JSON.stringify方法将对象转换为JSON字符串，并使用xhr.send方法发送请求。

通过本文的介绍，我们学习了如何使用Ajax传输文件和对数据进行格式化。在实际开发中，这些功能经常会被使用到，能够帮助我们提升用户体验和数据交互效率。