ajax跳转页面并传数据

使用Ajax实现页面跳转并传递数据可以分为以下几个步骤：
1. 创建一个XMLHttpRequest对象
2. 设置请求方式和请求地址
3. 设置请求头信息
4. 发送请求
5. 监听状态变化
6. 在状态为4时，获取服务器返回的数据
7. 页面跳转

下面是一个示例代码：

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

// 设置请求方式和请求地址
xhr.open('POST', 'your_url', true);

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

// 监听状态变化
xhr.onreadystatechange = function() {
  // 如果请求已完成，且响应已就绪
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取服务器返回的数据
    var data = xhr.responseText;
    // 解析数据
    var result = JSON.parse(data);
    // 页面跳转
    window.location.href = 'your_new_url';
  }
};

// 发送请求
xhr.send(JSON.stringify({data: your_data}));

在示例代码中，我们使用POST方式向服务器发送数据，并在请求头中设置了Content-Type为application/json。在发送请求时，我们将需要传递的数据转换为JSON字符串，并通过send方法发送。在监听状态变化时，我们判断状态是否为4（请求已完成，且响应已就绪），并且判断响应状态是否为200（表示请求成功）。如果请求成功，我们可以获取服务器返回的数据，解析后进行页面跳转。