ajax跳转页面并传数据

通过 Ajax 跳转页面并传递数据可以使用以下步骤：

1. 创建一个 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 设置请求方式和请求 URL，以及是否异步请求

xhr.open('post', 'your_url', true);

3. 设置请求头部信息

xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');

4. 监听请求状态，并处理返回的数据

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回的数据
  }
};

5. 发送请求

xhr.send(JSON.stringify(data));

其中，data 表示要传递的数据，可以是一个对象。

在处理返回的数据时，可以通过 `xhr.responseText` 获取服务器返回的数据。

在处理完数据后，可以通过 `window.location.href` 来进行页面跳转，例如：

window.location.href = 'your_new_page.html';

完整代码示例：

var xhr = new XMLHttpRequest();
xhr.open('post', 'your_url', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=utf-8');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回的数据
    window.location.href = 'your_new_page.html';
  }
};
xhr.send(JSON.stringify(data));