原生js如何实现ajax的跨域请求

在原生JavaScript中，由于同源策略（Same-Origin Policy）的限制，直接的Ajax请求默认情况下不允许跨域。但是，你可以通过以下几种方式实现跨域请求：

1. JSONP (JSON with Padding)：这是一种利用script标签的src属性可以跨域加载资源的特性。服务器返回一个经过特殊处理的脚本，通常是一个`<script>`标签，其中包含了数据作为查询字符串的一部分。

function jsonp(url, callbackParam, callback) {
  var script = document.createElement('script');
  script.src = url + '?callback=' + callbackParam;
  window[callbackParam] = function(data) {
    script.parentNode.removeChild(script);
    callback && callback(data);
  };
  document.head.appendChild(script);
}

2. CORS (Cross-Origin Resource Sharing)：服务器端需要设置响应头`Access-Control-Allow-Origin`允许特定来源访问。客户端则需设置`withCredentials`属性来启用跨域认证，如支持XMLHttpRequest 2.0版本。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.withCredentials = true;
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

3. 代理服务器：如果你有对后端的控制权，可以在服务器上设置一个代理，前端发送请求到这个代理，代理再转发到目标服务，这样就绕过了浏览器的同源策略。

请注意，以上方法都需要服务器配合才能成功，如果服务器不允许跨域，上述方式将无法生效。此外，JSONP的安全性较差，因为它依赖于全局变量，不适合敏感信息的传输。