ajax跨域重定向 不是json

AJAX是一种强大的技术，可以通过异步方式在不刷新页面的情况下向服务器发送或接收数据。不幸的是，由于同源策略的限制，它并不能够访问来自不同域的数据。这是出于安全原则的考虑，防止恶意站点通过非法手段获取用户信息或者攻击服务器。然而，在一些情况下，我们可能需要跨域请求数据或者重定向，本文将着重探讨这方面的问题。

在跨域请求数据时，最常用的方法是通过JSONP（JSON with Padding）来实现。这种方法可以通过在请求的URL中添加回调函数名称的参数来获取请求结果，并且可以在不同域中执行JavaScript代码。然而，当我们需要进行跨域重定向时，JSONP并不能解决这个问题。这时候我们可以使用一种叫做CORS（Cross-Origin Resource Sharing）的机制。

CORS是HTML5引入的一种新特性，它允许服务器授权跨域访问资源，同时增加了一系列附加头部来帮助控制跨域资源的访问。在使用CORS时，我们需要在服务器端配置相应的响应头，例如允许的访问域名、允许的HTTP方法等等。客户端则需要发送一个带有特殊头部的HTTP请求，如下：

var xhr = new XMLHttpRequest();
xhr.open('GET','http://www.example.com/',true);
xhr.setRequestHeader('Access-Control-Allow-Origin','*');
xhr.send();

在此请求中，我们通过设置Access-Control-Allow-Origin头部来指定允许跨域的域名。其中*表示允许所有域名的访问，也可以设置为特定的域名。

需要注意的是，使用CORS进行跨域请求时，我们需要进行OPTIONS请求。OPTIONS请求是一种预检请求，用于获取服务器支持的HTTP方法、允许跨域请求的头部等信息。服务器可以根据这些信息来决定是否接受请求。下面是一个使用CORS进行跨域重定向的示例代码：

var xhr = new XMLHttpRequest();
xhr.open('POST','http://www.example.com',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.setRequestHeader('Access-Control-Allow-Origin','*');
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        window.location.href = xhr.getResponseHeader('Location');
    }
}
xhr.send('name=value');

在此示例中，我们发送了一个POST请求，并且设置了Content-Type头部为表单格式。通过设置readystatechange事件，在获取到响应后，我们从响应头中获取了重定向的URL，并重定向到该URL。