angularjs请求数据的方法示例
在app.module.ts中引入HttpClientModule并注入
import{HttpClientModule}from'@angular/common/http';
imports:[
BrowserModule,
HttpClientModule
]
Angularget请求数据
在用到的地方引入HttpClient并在构造函数声明
import{HttpClient}from"@angular/common/http";
constructor(publichttp:HttpClient){}
get请求数据
varapi="http://a.itying.com/api/productlist";
this.http.get(api).subscribe(response=>{
console.log(response);
});
Angularpost提交数据
在用到的地方引入HttpClient、HttpHeaders并在构造函数声明HttpClient
import{HttpClient,HttpHeaders}from"@angular/common/http";
constructor(publichttp:HttpClient){}
post提交数据
consthttpOptions={
headers:newHttpHeaders({'Content-Type':'application/json'})
};
varapi="http://127.0.0.1:3000/doLogin";
this.http.post(api,{username:'张三',age:'20'},httpOptions).subscribe(response=>{
console.log(response);
});
AngularJsonp请求数据
在app.module.ts中引入HttpClientModule、HttpClientJsonpModule并注入
import{HttpClientModule,HttpClientJsonpModule}from
'@angular/common/http';
imports:[
BrowserModule,
HttpClientModule,
HttpClientJsonpModule
]
在用到的地方引入HttpClient并在构造函数声明
import{HttpClient}from"@angular/common/http";
constructor(publichttp:HttpClient){}
jsonp请求数据
varapi="http://a.itying.com/api/productlist";
this.http.jsonp(api,'callback').subscribe(response=>{
console.log(response);
});
Angular中使用第三方模块axios请求数据
安装axios
cnpminstallaxios--save
用到的地方引入axios
importaxiosfrom'axios';
axios.get('/user?ID=12345')
.then(function(response){
//handlesuccess
console.log(response);
})
.catch(function(error){
//handleerror
console.log(error);
})
.then(function(){
//alwaysexecuted
});
封装service作为http服务
import{Injectable}from'@angular/core';
importaxiosfrom'axios';
@Injectable({
providedIn:'root'
})
exportclassHttpserviceService{
constructor(){}
axiosGet(api){
returnnewPromise((resolve,reject)=>{
axios.get(api)
.then(function(response){
//handlesuccess
resolve(response)
});
})
}
}
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对毛票票的支持。