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) }); }) } }
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对毛票票的支持。