JSONP跨域请求示例：域名A访问域名B数据

以下是一个使用JSONP解决跨域请求的例子：

假设我们有两个域名：域名A（http://www.domainA.com）和域名B（http://www.domainB.com）。

在域名A上，我们有一个页面index.html，需要从域名B上获取数据。

在域名B上，我们有一个API接口，用于返回数据。

首先，我们在域名B上创建一个API接口，接口地址为：http://www.domainB.com/api/data。

在这个接口中，我们返回一个JSON对象，如下所示：

{
  'name': 'John',
  'age': 30,
  'city': 'New York'
}

在域名A上的index.html中，我们使用JSONP来请求域名B上的数据。我们可以使用<script>标签来实现JSONP请求，如下所示：

<!DOCTYPE html>
<html>
<head>
  <title>JSONP Example</title>
  <script src='http://www.domainB.com/api/data?callback=handleResponse'></script>
  <script>
    function handleResponse(data) {
      console.log(data);
      // 在这里处理返回的数据
    }
  </script>
</head>
<body>
</body>
</html>

在这个例子中，我们通过<script>标签请求域名B上的API接口，并通过callback参数指定了回调函数的名称为handleResponse。这个回调函数会在请求完成后被调用，并将返回的数据作为参数传递给它。

当域名A的index.html加载时，它会请求域名B上的API接口，并在接口返回时调用handleResponse函数来处理返回的数据。

这样，我们就通过JSONP的方式解决了跨域请求的问题。