以哪种内容类型发送通过AJAX的表单更好 - multipart/form-data还是application/json？

在选择使用哪种内容类型发送通过AJAX的表单时，需要根据具体的需求和情况来决定。下面是multipart/form-data和application/json两种内容类型的解决方法和代码示例。

1. multipart/form-data： 如果表单中包含文件上传的功能，使用multipart/form-data是更好的选择，因为它能够支持文件和表单数据的同时上传。

HTML表单：

<form id="myForm" enctype="multipart/form-data">
  <input type="text" name="name">
  <input type="file" name="file">
  <button type="submit">提交</button>
</form>

JavaScript代码：

var form = document.getElementById('myForm');
var formData = new FormData(form);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/submit', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send(formData);

2. application/json： 如果表单中不包含文件上传的功能，使用application/json是更好的选择，因为它能够将表单数据以JSON格式进行序列化，并且传输数据量较小。

HTML表单：

<form id="myForm">
  <input type="text" name="name">
  <input type="text" name="age">
  <button type="submit">提交</button>
</form>

JavaScript代码：

var form = document.getElementById('myForm');
var formData = new FormData(form);
var jsonData = {};

for (var [key, value] of formData.entries()) {
  jsonData[key] = value;
}

var xhr = new XMLHttpRequest();
xhr.open('POST', '/submit', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send(JSON.stringify(jsonData));

通过上述代码示例，可以根据具体需求选择使用multipart/form-data或application/json来发送通过AJAX的表单数据。