标签搜索

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

冷言
2022-05-02 / 32 评论 / - 阅读

比如我请求本站的公共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/)里其他的接口测试。

0

评论

博主关闭了本网站的评论