非同源Ajax—示例代码

非同源Ajax是指在浏览器中使用JavaScript通过XMLHttpRequest对象进行跨域请求数据的技术。由于浏览器的同源策略限制，普通的Ajax请求只能在同源的情况下进行，即协议、域名、端口号完全一致。而非同源Ajax通过一些特殊的方式来绕过这个限制，实现在不同域名之间进行数据交互。

示例代码如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    console.log(response);
  }
};
xhr.send();

在这个示例中，我们通过XMLHttpRequest对象创建了一个GET请求，请求地址为"http://example.com/data"。由于这个请求的域名与当前页面的域名不同，属于非同源请求。然后我们设置了一个回调函数，当请求的状态发生变化时会触发这个函数。在回调函数中，我们判断了请求的状态是否为4（即请求已完成）并且状态码是否为200（即请求成功），如果满足这两个条件，就说明请求成功了。然后我们可以通过xhr.responseText获取到服务器返回的响应数据，并进行相应的处理。

非同源Ajax的实现方式有多种，包括JSONP、CORS、代理等。这里的示例代码是通过CORS（跨域资源共享）来实现的，即在服务器端设置响应头部，允许浏览器跨域访问。这需要服务器端的支持，如果服务器没有进行相应的配置，那么即使在客户端使用了非同源Ajax，也无法成功获取到数据。