AJAX 跨域

AJAX跨域问题是指浏览器出于安全考虑，限制了一个源（域名、协议、端口）的脚本与另一个源的资源进行交互。如果两个源不同源，就会有跨域问题。

解决方案通常有以下几种：

1. JSONP：通过<script>标签的src属性请求一个带参数的服务器端脚本，服务器端脚本输出一个指定函数的调用，该函数的参数是要传递的数据。
2. CORS：服务器端设置Access-Control-Allow-Origin响应头，允许特定的或所有域进行跨域请求。
3. 代理服务器：在服务器端设置一个代理服务器，所有AJAX请求都先发送到这个代理服务器，由代理服务器转发请求到目标服务器，并返回响应。
4. 使用服务器端语言发送HTTP请求：在服务器端使用PHP、Python、Node.js等语言发送HTTP请求，然后将结果返回给客户端。

以下是一个使用jQuery发送JSONP请求的例子：

$.ajax({
    url: "http://example.com/api/data",
    type: "GET",
    dataType: "jsonp", // 指定为jsonp类型
    jsonpCallback: "callbackFunction", // 服务器端用于包装响应的函数名
    success: function(response) {
        console.log(response);
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log('JSONP request failed: ' + textStatus);
    }
});
 
// 服务器端响应应该是这样的：
// callbackFunction({"key": "value", ...});

对于CORS，服务器端设置Access-Control-Allow-Origin的例子：

Access-Control-Allow-Origin: http://example.com
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Headers: Content-Type

以上是跨域请求的两种常见解决方案，具体使用哪种取决于实际需求和场景。