jsonP跨域请求,根据IP地址获取用户的详细位置

1,607 阅读1分钟

简介

腾讯api调去还是有很多坑的,高了好几个小时还是没有搞好,最腾讯文档才完成,好记性不如烂笔头在这儿做个笔记,以至于后面用到了不像今天这么折腾;

文档

腾讯文档地址:lbs.qq.com/webservice_…

测试代码

$(document).ready(function(){  
    
    function getLocationByIp(thisIp){
        $.ajax({
                url:"https://apis.map.qq.com/ws/location/v1/ip?",
                data:{
                      ip:thisIp,
                      key:"自己的秘钥",
                      output:"jsonp"
                    }
                async :false,
                dataType:"jsonp",
                type:'GET',
				//指定一个查询参数名称来覆盖默认的 jsonp 回调参数名callback
                jsonp : 'callback',
                jsonpCallback: 'QQmap', //设置回调函数名
                success: function(data){
                    console.log(data.result);
                },
                error:function(data,xmlHttpRequest, textStatus, errorThrown) {
                    console.log(JSON.stringify(data));
                    
                }
            });    
        }
})



在线演示

https://apis.map.qq.com/ws/location/v1/ip?key=5GKBZ-HAKKJ-FGNF2-F36RX-GA2EO-V4FJD&output=jsonp&callback=apiFn

结果

apiFn&&apiFn({
    "status": 0,
    "message": "query ok",
    "result": {
        "ip": "106.38.62.154",
        "location": {
            "lat": 40.22077,
            "lng": 116.23128
        },
        "ad_info": {
            "nation": "中国",
            "province": "北京市",
            "city": "北京市",
            "district": "昌平区",
            "adcode": 110114
        }
    }
})

其他资料

www.nowapi.com/?app=intf.m…