使用ajax跳转 ajax提交表单后跳转页面：示例代码

使用Ajax进行页面跳转和提交表单后跳转页面可以通过以下步骤实现：

1. 我们需要监听表单的提交事件，并阻止默认的表单提交行为。这可以通过使用`addEventListener`方法来实现。在事件处理程序中，我们可以使用`event.preventDefault()`方法来阻止表单的默认提交行为。

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();
});

2. 接下来，我们可以使用`XMLHttpRequest`对象或者更方便的`fetch`函数来发送异步请求。我们可以在`onload`事件中处理服务器的响应。

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 处理服务器响应
    }
  };
  xhr.open('POST', '/submit', true);
  xhr.send(new FormData(event.target));
});

3. 在服务器端，我们可以处理表单的提交，并返回一个跳转的URL。这个URL可以是一个新的页面，也可以是当前页面的不同部分。

app.post('/submit', function(req, res) {
  // 处理表单提交逻辑
  // 返回跳转的URL
  res.send('/success');
});

4. 在客户端的`onload`事件中，我们可以使用`window.location`对象来跳转到指定的URL。

document.getElementById('myForm').addEventListener('submit', function(event) {
  event.preventDefault();
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
    if (xhr.status === 200) {
      window.location.href = xhr.responseText;
    }
  };
  xhr.open('POST', '/submit', true);
  xhr.send(new FormData(event.target));
});

通过以上步骤，我们可以使用Ajax进行表单提交后的页面跳转。在示例代码中，我们通过监听表单的提交事件，阻止默认的表单提交行为，并使用`XMLHttpRequest`对象发送异步请求。在服务器端处理表单提交逻辑后，返回一个跳转的URL。在客户端的`onload`事件中，使用`window.location.href`来跳转到指定的URL。