(1)app.module.ts中引入javascript
import { HttpModule,JsonpModule} from '@angular/http';
(2)在imports中注入 HttpModule和JsonpModulejava
imports: [ BrowserModule, HttpModule, JsonpModule, IonicModule.forRoot(MyApp) ],
(3)在须要的页面中引入json
import { Http,Jsonp,Headers} from '@angular/http';
(4)构造函数中声明app
constructor(public navCtrl: NavController, public navParams: NavParams,private http:Http,private jsonp:Jsonp) { }
(5)get请求函数
this.http.get(your_url).subscribe( function(res){ var mydata = res.json(); },function(err){ var errdata = err.json(); console.log("信息:"+errdata.message); });
(6)post请求post
1.设置头文件jsonp
private headers = new Headers({'Content-Type':'application/json'});
2.上传参数 var params = { schoolId:"2015202050006", grade:"2015", name:"张三", password:"123456", role:"学生", telphone:"13888888888" }; 3.上传 this.http.post(url,JSON.stringify(params),{headers:this.headers}).subscribe(function(res){ console.log(res); var mydata = res.json(); console.log("注册成功"); },function(err){ console.log("sorry,注册失败"); var data = err.json(); console.log(data); alert("注册失败",data.message); //返回前一页 });
(7) post数据为formData
不要设置头文件,否则报错,头文件空着ui
private headers = new Headers();