1.5 ionic入门——http get post

(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(); 
相关文章
相关标签/搜索