原生的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()方法。