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

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

优优最新注册页面

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

咨询热线:13569535712
联系人:王东
地址:北辰区双街镇经济技术开发区

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

来源:优优最新注册页面   发布时间:2019-12-06   点击量:494

前提,百度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 备案号:494