ajax发送json请求数据

AJAX是一种用于创建动态网页的技术，它可以在不重新加载整个页面的情况下更新部分页面内容。其中，发送JSON请求是一种常见的数据交互方式。

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();

// 设置请求方法和请求地址（这里以POST方式为例）
xhr.open('POST','/api/data',true);

// 设置请求头信息
xhr.setRequestHeader('Content-Type','application/json');

// 设置请求参数
var data = {
  name: 'Ajax',age: 18,gender: 'Male'
};
var jsonData = JSON.stringify(data);

// 发送请求
xhr.send(jsonData);

// 监听请求状态
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回数据
    var responseText = xhr.responseText;
    var json = JSON.parse(responseText);
    console.log(json);
  }
};

以上是一个简单的发送JSON请求数据的示例代码。首先，利用XMLHttpRequest对象创建一个POST请求，设置请求头信息为application/json，将要发送的数据进行JSON序列化处理后发送请求。在onreadystatechange事件中，判断请求状态是否为成功并且返回状态码为200，如果是则处理返回数据。

AJAX发送JSON请求数据是前端开发中的一个重要技术，它可以帮助我们更灵活地进行数据交互，提升用户体验。