原生ajax解决跨域问题

跨域问题是由于浏览器的同源策略所导致的，原生的 Ajax 请求默认是受到同源策略的限制，不能直接跨域访问其他域名下的资源。但是可以通过一些技术手段来解决跨域问题，其中一种常见的方式是使用 JSONP。以下是使用原生 Ajax 解决跨域问题的步骤：

1. 创建一个 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();

2. 设置请求方法和 URL：

xhr.open('GET', 'http://example.com/api', true);

3. 设置请求头（可选）：

xhr.setRequestHeader('Content-Type', 'application/json');

4. 注册请求完成的回调函数：

xhr.onload = function() {
  if (xhr.status >= 200 && xhr.status < 400) {
    var response = JSON.parse(xhr.responseText);
    // 处理返回的数据
  } else {
    // 请求失败处理
  }
};

5. 发送请求：

xhr.send();

这样就完成了一个简单的跨域请求。但是需要注意的是，使用原生 Ajax 发送跨域请求时，服务器需要支持 CORS（跨域资源共享）并配置响应头信息，以便浏览器允许跨域请求。

另外，还可以使用其他方法如代理、服务器端设置响应头等来解决跨域问题，具体方法选择取决于你的具体需求和技术栈。