如何快速解决JS或Jquery ajax异步跨域的问题

跨域问题在前端开发中是比较常见的问题，特别是在开发时使用了AJAX或JQuery AJAX进行异步请求时。下面为您提供解决跨域问题的完整攻略：

1. 使用JSONP

JSONP（JSON with Padding）是解决跨域问题的一种方式，它利用了HTML文档可以通过script标签嵌入并执行javascript代码的特性。

要使用JSONP，需要在服务端添加一个回调函数，然后在客户端使用script标签进行请求，将请求后获取的数据嵌入回调函数中，返回给客户端并执行回调函数即可。下面是一个使用JSONP解决跨域问题的示例：

服务端代码（使用Express框架）

app.get('/api', function(req, res) {
  const data = {name: '张三', age: 20};
  const callback = req.query.callback;
  res.send(`${callback}(${JSON.stringify(data)})`);
});

客户端代码

function jsonp() {
  $.ajax({
    url: 'http://localhost:3000/api?callback=handleResponse',
    dataType: 'jsonp',
    jsonpCallback: 'handleResponse'
  });
}

function handleResponse(data) {
  console.log(data);
}

2. 设置跨域访问控制

在服务端设置Access-Control-Allow-Origin响应头可以授权其他域名下的网页访问该服务器资源。下面是一个使用设置跨域访问控制解决跨域问题的示例：

服务端代码

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

app.get('/api', function(req, res) {
  const data = {name: '张三', age: 20};
  res.send(data);
});

客户端代码

$.ajax({
  url: 'http://localhost:3000/api',
  dataType: 'json',
  success: function(data) {
    console.log(data);
  }
});

以上就是两种常用的解决跨域问题的方法，通过使用JSONP和设置跨域访问控制，可以轻松解决跨域问题。