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