打开ajax页面跳转 ajax跳转页面并传数据：示例代码

使用Ajax进行页面跳转并传递数据的方法是通过发送Ajax请求来实现，然后根据请求的结果进行页面跳转和数据传递。

我们可以使用jQuery的$.ajax()方法来发送Ajax请求。这个方法可以接受一个对象作为参数，其中包含了请求的URL、请求的类型、请求的数据等信息。

示例代码如下：

$.ajax({
  url: 'example.php', // 请求的URL
  type: 'POST', // 请求的类型，可以是GET或POST
  data: { key1: 'value1', key2: 'value2' }, // 请求的数据，可以是对象或字符串
  success: function(response) { // 请求成功的回调函数
    // 在这里根据请求的结果进行页面跳转和数据传递
    window.location.href = 'new-page.php?data=' + response;
  },
  error: function(xhr, status, error) { // 请求失败的回调函数
    console.log(error);
  }
});

在上面的示例中，我们发送了一个POST类型的Ajax请求到`example.php`页面，并传递了两个参数`key1`和`key2`。当请求成功时，我们通过`success`回调函数获取到了服务器返回的结果`response`，然后将这个结果作为参数传递给了`new-page.php`页面进行跳转。

需要注意的是，在`new-page.php`页面中可以通过获取URL中的参数来获取传递过来的数据。例如，可以使用`$_GET['data']`来获取上面示例中传递的数据。

这样，我们就实现了通过Ajax进行页面跳转并传递数据的功能。