东莞市盛裕绒艺玩具有限公司

东莞市盛裕绒艺玩具有限公司

亚搏娱乐中心

15567865059
联系方式
全国服务热线: 15567865059

咨询热线:15143599740
联系人:张荣兵
地址:河北省衡水市彭杜乡赵辛开发区

angular2jsonp如何跨域请求百度API进行定位

来源:亚搏娱乐中心   发布时间:2019-11-06   点击量:460

前提,百度api的申请,不会的可以百度一下,下面是连接

http://lbsyun.baidu.com/index.php?title=webapi/ip-api

1.appMoudle里引入

import {JsonpModule} from "@angular/http"; 2.要导入的文件.ts文件import {Jsonp, URLSearchParams} from "@angular/http";constructor(public jsonp:Jsonp) 3.第三步let URL = new URLSearchParams();URL .set("callback", "JSONP_CALLBACK");这一步设置callback很关键,如果不写会报错 4.最后一步请求 

this.jsonp.get("https://api.map.baidu.com/location/ip?ak=XefiY53vkdFmccR2ufk8qmrXPyOCGTaG",{search:URL}).subscribe((res:any) => { if(res.status === 200){ console.log(this.cityToInterNumber); console.log(res._body.content.address_detail.city); //调用成功,可以处理拿到的数据 } })

要注意url的拼接,确保可以成功掉通

     

相关产品

COPYRIGHTS©2017 亚搏娱乐中心 ALL RIGHTS RESERVED 备案号:460