Ajax使用Jsonp跨域请求API接口示例

比如我请求本站的公共API平台里的天气接口：

API接口为：

https://qqlykm.cn/api/weatherv2/get?key=这里填写你自己申请的Key值&city=杭州市&ifcallback=true

带上ifcallback=true就可以使用jsonp跨域了。

ajax请求代码（显示当前的天气）：

<span id="tianqi"></span>
<script>
jQuery(document).ready(function(){   
    $.ajax({  
        type: "GET",   
        url:"https://qqlykm.cn/api/weatherv2/get?key=这里写你自己申请的key值&city=杭州市&ifcallback=true", 
        dataType: "jsonp",  
        jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
        success: function(json){  
            $('#tianqi').html(json.data.realtime.weather); //此处的data.realtime.weather根据接口返回的数据来写
        },  
        error: function(){  
            alert("请求失败");  
        }  
    });  
});
</script>

返回结果为：晴

小小的案例，大家也可以用公共API(https://qqlykm.cn/)里其他的接口测试。