angular2jsonp如何跨域請求百度API進行定位
阿新 • • 發佈：2018-12-17
前提，百度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的拼接，確保可以成功掉通