ajax传参data-示例代码

Ajax传参data是用于向服务器发送请求时传递参数的一种方式。通过在Ajax请求中设置data属性，可以将参数以键值对的形式传递给服务器。在示例代码中，我们使用了一个简单的Ajax请求来演示如何使用data传参。

我们创建一个XMLHttpRequest对象，并指定请求的方法、URL以及是否异步发送请求。然后，我们通过设置data属性来传递参数。data属性的值是一个对象，其中的键表示参数的名称，值表示参数的值。我们发送请求并定义一个回调函数来处理服务器的响应。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
var data = {
  name: 'John',
  age: 25,
  city: 'New York'
};
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  }
};
xhr.send(JSON.stringify(data));

在上面的示例代码中，我们使用GET方法发送请求到example.com/api，并设置Content-Type头部为application/json。接着，我们定义了一个包含name、age和city三个参数的data对象。我们通过JSON.stringify方法将data对象转换为JSON字符串，并将其作为请求的主体发送到服务器。

请注意，示例代码中的xhr.onreadystatechange函数是一个回调函数，当服务器响应完成时会被调用。在这个回调函数中，我们可以对服务器的响应进行处理，例如将其解析为JSON格式并打印到控制台上。