ajax mvc 重定向—javascript重定向：示例代码

1、Ajax是一种用于在网页上异步加载数据的技术，它可以实现在不刷新整个页面的情况下，通过与服务器进行数据交互，实现局部更新页面的效果。而MVC（Model-View-Controller）是一种软件设计模式，它将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller），以提高代码的可维护性和可扩展性。

在使用Ajax进行页面重定向时，可以通过JavaScript的window.location对象来实现。window.location对象包含了当前页面的URL信息，通过修改它的属性，可以实现页面的重定向。

示例代码如下：

// 在页面加载完成后，通过Ajax请求服务器端数据
window.onload = function() {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 指定请求的URL
  xhr.open('GET', 'http://example.com/data', true);
  // 注册请求完成后的回调函数
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功，获取服务器返回的数据
      var data = xhr.responseText;
      // 根据服务器返回的数据进行页面重定向
      if (data === 'success') {
        window.location.href = 'http://example.com/success';
      } else {
        window.location.href = 'http://example.com/error';
      }
    }
  };
  // 发送Ajax请求
  xhr.send();
};

在上述示例代码中，我们通过Ajax请求服务器端数据，并根据服务器返回的数据进行页面重定向。我们创建了一个XMLHttpRequest对象，指定了请求的URL，并注册了请求完成后的回调函数。在回调函数中，我们首先判断请求是否成功（readyState为4且status为200），然后根据服务器返回的数据进行页面重定向。如果服务器返回的数据为"success"，则重定向到"http://example.com/success"；否则，重定向到"http://example.com/error"。通过这种方式，我们可以在页面不刷新的情况下，根据服务器返回的数据动态地改变页面的URL。