jquery $.getJSON()跨域请求

说明：该攻略假定你已经掌握了基础的jQuery语法和Ajax知识，并且对跨域请求有一定的了解。

1.什么是跨域请求？

跨域请求是指从一个网站的域名或端口，向另一个网站的域名或端口发起Ajax请求的行为。例如，从主域名为“www.example.com”的网站向主域名为“api.example.com”的网站请求数据，就是一个跨域请求。

由于浏览器的同源策略，直接发起跨域请求是被禁止的，但可以通过一些技术手段来实现跨域请求。

2.JSONP

JSONP是一种跨域请求的常用解决方案。它的实现原理是在客户端动态添加一个<script>标签，以获取来自服务端的回调函数调用。

jQuery封装了JSONP请求，使用$.getJSON()方法即可实现跨域请求。

$.getJSON(url, data, function (result) {
    //处理result
});

其中，url参数为请求的API地址，data参数为向API发送的参数，result为服务器返回的结果，是一个JSON对象。

需要注意的是，为了支持JSONP请求，服务器端需要返回一个包含回调函数调用的JavaScript代码。默认回调函数名称为callback，可以通过jsonpCallback参数自定义回调函数名称。

以下是一个实例：

客户端代码：

$.getJSON('http://example.com/api/getdata', function(result) {
    //result是获取到的数据
    console.log(result);
});

服务端代码（PHP）：

<?php 
$data = array(
    'name' => 'John',
    'age' => 20,
    'gender' => 'male'
);
$json = json_encode($data);
$callback = $_GET['callback'];
echo $callback . '(' . $json . ')';
?>

在客户端发起请求后，服务端将以JSON格式返回数据，并将回调函数调用的JavaScript代码作为响应输出到浏览器中。客户端接收到响应后，会自动执行回调函数。

以上是JSONP实现跨域请求的一种方式，但它存在一些缺点，比如只能发送GET请求，不支持错误处理等。

3.CORS策略

CORS是一种官方的跨域请求解决方案，它基于HTTP协议，通过添加特定的请求头部使得服务器允许跨域请求。

在jQuery中，跨域请求可以通过$.ajax()方法实现。

$.ajax({
    url: url,
    type: 'GET',
    dataType: 'json',
    success: function(result) {
        //处理result
    },
    error: function(xhr, status, error) {
        //处理错误
    }
});

需要注意的是，在使用CORS时，服务端需要添加Access-Control-Allow-Origin和Access-Control-Allow-Headers响应头，分别指定允许的来源域和允许的请求头。例如，以下是使用PHP实现的CORS响应头：

header('Access-Control-Allow-Origin: *'); //允许所有来源
header('Access-Control-Allow-Headers: X-Requested-With, Content-Type');

4.总结

本文介绍了两种跨域请求的实现方式：JSONP和CORS。JSONP是一种基于脚本标签实现的跨域请求方式，使用方便但存在一些缺点；CORS是一种基于HTTP协议的跨域请求解决方案，适用于所有请求方式并且具有更好的错误处理和安全性。

建议在项目中优先考虑CORS方案，同时根据具体情况选择使用JSONP或其他解决方案。