原生的ajax如何传两个数据类型、原生ajax传递多数据类型
在编程开发中，我们经常需要使用ajax来进行异步数据交互。而有时候，我们需要传递多个数据类型，例如同时传递字符串和数字等。那么，如何使用原生的ajax来传递多个数据类型呢？
使用FormData对象
FormData是HTML5新增的对象，用于在客户端创建表单数据。我们可以使用它来传递多个数据类型。具体操作如下：
“`
var formData = new FormData();
formData.append(‘name’, ‘John’);
formData.append(‘age’, 28);
var xhr = new XMLHttpRequest();
xhr.open(‘POST’, ‘url’);
xhr.send(formData);
“`
上述代码中，我们创建了一个FormData对象，然后使用append()方法向其中添加了两个数据类型，分别是字符串和数字。我们使用XMLHttpRequest对象来发送请求，并将FormData对象作为参数传递给send()方法。
使用JSON格式
另一种常见的传递多个数据类型的方式是使用JSON格式。具体操作如下：
“`
var data = {
name: ‘John’,
age: 28
};
var xhr = new XMLHttpRequest();
xhr.open(‘POST’, ‘url’);
xhr.setRequestHeader(‘Content-Type’, ‘application/json’);
xhr.send(JSON.stringify(data));
“`
上述代码中，我们创建了一个包含两个数据类型的对象，并将其转换为JSON格式的字符串。然后，我们使用XMLHttpRequest对象来发送请求，并设置请求头部的Content-Type为application/json，表示我们要发送的是JSON格式的数据。我们使用JSON.stringify()方法将数据转换为字符串，并作为参数传递给send()方法。
注意事项
无论是使用FormData对象还是JSON格式，我们都需要注意以下几点：
1. 服务器端需要能够解析我们发送的数据格式，否则会出现解析错误。
2. 在发送请求时，需要设置正确的请求头部，以便服务器端能够正确解析我们发送的数据格式。
3. 如果需要传递大量数据，建议使用FormData对象，因为它可以支持文件上传等复杂数据类型。
通过以上两种方式，我们可以轻松地传递多个数据类型。无论是使用FormData对象还是JSON格式，都需要注意设置正确的请求头部和服务器端的解析方式。在实际开发中，我们可以根据具体需求选择合适的方式来传递数据。
