Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。
不过，由于受到浏览器的限制，该方法不允许跨域通信。如果尝试从不同的域请求数据，会出现安全错误。如果能控制数据驻留的远程服务器并且每个请
【AJAX跨域请求JSONP获取JSON数据的实例代码】
AJAX（Asynchronous JavaScript and XML）是现代Web应用程序的核心技术，使得网页可以在不刷新整个页面的情况下与服务器进行交互，提升了用户体验。XMLHttpRequest对象是实现AJAX的核心，它允许JavaScript通过HTTP协议与服务器通信。然而，由于浏览器的同源策略限制，AJAX请求不能跨域获取数据，即请求的URL必须与当前网页的源一致。这在需要整合来自不同来源内容（如Web 2.0的mashup应用）时构成了障碍。
**理解同源策略**
同源策略是浏览器实施的安全策略，禁止了一个源的文档或脚本访问另一个源的资源。这意味着，除非两个URL具有相同的协议（通常是HTTP或HTTPS）、主机名和端口，否则它们无法互相交互。这是为了保护用户数据不被恶意网站获取。
**JSONP介绍**
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它是JavaScript的一个子集，易于阅读和编写，同时也易于机器解析和生成。JSONP（JSON with Padding）是解决跨域问题的一种方式。它利用了浏览器允许跨域加载和执行<script>标签中的JavaScript代码的特性。JSONP的基本原理是，客户端定义一个回调函数，然后通过在请求的URL中携带这个函数名，服务器返回一个包裹在回调函数中的JSON数据，从而在客户端执行。
**JSONP的应用**
在JSONP中，客户端首先定义一个回调函数，例如`jsonpCallback`。接着，创建一个新的<script>元素，设置其src属性为服务器的URL，该URL包含回调函数名（例如`?callback=jsonpCallback`）。当浏览器加载这个脚本时，服务器会返回一段JavaScript代码，形如`jsonpCallback({key1: value1, key2: value2, ...})`，其中的数据是JSON格式。这段代码被执行时，就会调用客户端预先定义的`jsonpCallback`函数，从而处理返回的数据。
**JSONP的使用示例**
以下是一个简单的JSONP请求示例：
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function jsonpCallback(result) {
for (var i in result) {
console.log(i + ":" + result[i]);
}
}
var script = document.createElement('script');
script.src = "http://crossdomain.com/services.php?callback=jsonpCallback";
document.head.appendChild(script);
</script>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
在这个例子中，`jsonpCallback`函数会在接收到服务器返回的数据后执行，遍历并打印出所有键值对。
总结来说，JSONP通过利用JavaScript的动态脚本注入和浏览器的同源策略漏洞，实现了跨域数据获取。虽然它在很多情况下非常有效，但也有其局限性，比如只能支持GET请求，且没有错误处理机制。随着Web技术的发展，CORS（跨源资源共享）已经成为更安全、更灵活的跨域解决方案，但它需要服务器端的配合。在实际开发中，开发者应根据项目需求选择合适的数据获取策略。
