您现在的位置是:网站首页> 内容页

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

  • 迪威国际app [网址登录]
  • 2019-01-11
  • 458人已阅读
简介前提,百度api的申请,不会的可以百度一下,下面是连接http://lbsyun.baidu.com/index.php?title=webapi/ip-api1.appMoudle里

前提,百度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的拼接,确保可以成功掉通

     

文章评论

Top