Angular4-Http、Jsonp、rxjs請求
阿新 • • 發佈:2018-12-12
Http請求
依賴注入
import { HttpModule} from "@angular/http";
- 頁面引入Http
import { Http} from "@angular/http";
constructor(private http:Http)
{
}
get請求
this.http.get(url).subscribe(function(data) { console.log(data['_body']); // JSON.parse(data["_body"]); },function(err) { console.log(err); });
post請求
// 首先在頁面引入Headers import { Http,Headers} from "@angular/http"; // 例項化 header = new Headers({'Content-Type':'application/json'}); // post請求 var body = JSON.stringify({"account":"li","password":"123456"}); this.http.post(url,body,{headers:this.header}).subscribe(function(data) { console.log(data); });
Jsonp請求
依賴注入
import { JsonpModule} from "@angular/http";
imports: [
JsonpModule,
],
頁面引入Jsonp
import { Jsonp} from "@angular/http";
constructor(private jsonp:Jsonp)
{
}
get請求
this.jsonp.get(url).subscribe(function(data) { console.log(data["_body"]); },function(err) { console.log(err); });
rxjs請求
依賴注入
import { Observable} from "rxjs";
import "rxjs/Rx";
- 使用map方法
this.http.get(url).map(res => res.json()).subscribe(function(data)
{
console.log(data);
},function(err)
{
console.log(err);
});