温馨提示：这篇文章已超过186天没有更新，请注意相关的内容是否还可用！
Ajax跨域从网页获取JSON是一种常见的前端技术，用于在网页中获取来自不同域的数据。跨域指的是在浏览器中，通过Ajax请求数据时，请求的目标地址与当前页面的域名不同。由于浏览器的同源策略限制，普通的Ajax请求是不允许跨域的，但可以通过一些方法来实现跨域获取JSON数据。
一种常见的跨域获取JSON的方法是使用JSONP（JSON with Padding）。JSONP利用了HTML的<script>标签可以跨域加载脚本的特性。通过动态创建一个<script>标签，设置其src属性为目标地址，并在请求URL中携带一个回调函数的名称作为参数，服务器返回的数据会被包裹在回调函数中，从而实现跨域获取JSON数据。
下面是一个使用JSONP跨域获取JSON的示例代码：
function handleResponse(data) {
// 处理返回的JSON数据
console.log(data);
}
var script = document.createElement('script');
script.src = 'http://example.com/api/data?callback=handleResponse';
document.body.appendChild(script);
在上面的示例代码中，我们定义了一个名为`handleResponse`的回调函数，该函数用于处理返回的JSON数据。然后，我们动态创建了一个`<script>`标签，并将其`src`属性设置为目标地址，同时在URL中携带了回调函数的名称作为参数。将该`<script>`标签添加到页面的`<body>`元素中，浏览器会自动发起请求并执行返回的脚本，从而触发回调函数，我们可以在回调函数中处理返回的JSON数据。
需要注意的是，服务器端需要对JSONP请求进行特殊处理，将返回的数据包裹在回调函数中。在上面的示例代码中，我们假设服务器端返回的数据为`{"name": "John", "age": 25}`，则服务器端返回的内容应该是`handleResponse({"name": "John", "age": 25})`。
除了JSONP，还有其他一些方法可以实现跨域获取JSON数据，例如使用CORS（跨域资源共享）或代理服务器。CORS是一种浏览器机制，允许服务器在响应中设置特定的HTTP头部，从而允许跨域请求。代理服务器则是在同域下创建一个中间层，将跨域请求转发到目标地址，并将响应返回给浏览器。
Ajax跨域从网页获取JSON数据可以使用JSONP、CORS或代理服务器等方法。JSONP利用了<script>标签的跨域加载脚本特性，通过动态创建<script>标签并设置src属性来实现跨域请求和获取JSON数据。CORS是一种浏览器机制，允许服务器在响应中设置特定的HTTP头部，从而允许跨域请求。代理服务器则是在同域下创建一个中间层，将跨域请求转发到目标地址，并将响应返回给浏览器。这些方法都有各自的优缺点，开发者可以根据具体需求选择合适的方法来实现跨域获取JSON数据。
