使用jQuery实现JSONP跨域请求手机号码查询

在前端开发中，经常会遇到需要从不同域名下获取数据的情况。然而，由于浏览器的同源策略限制，直接通过Ajax请求跨域数据是不被允许的。但是，我们可以使用JSONP（JSON with Padding）来实现跨域请求数据。JSONP利用了<script>标签的跨域特性，通过动态创建<script>标签，将数据作为回调函数的参数返回，从而解决了跨域的问题。

本文将演示如何使用jQuery实现JSONP跨域请求，并以手机号码查询为例进行说明。

首先，我们需要准备一个可以返回JSON数据的服务器端接口。假设我们的接口URL为https://example.com/api/phone，接口会根据传入的手机号码参数返回对应的信息。例如，如果传入手机号码1234567890，接口会返回如下JSON数据：

{
   
  "phoneNumber": "1234567890",