1.5 ionic入门——http get post

最新推荐文章于 2020-03-18 11:13:18 发布

转载最新推荐文章于 2020-03-18 11:13:18 发布 · 64 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sandyLovingCoding/p/9660679.html

文章标签：

#json

本文详细介绍了如何在Angular应用中使用HTTP模块进行GET和POST请求，包括模块的引入、配置及具体实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）app.module.ts中引入


import { HttpModule,JsonpModule} from '@angular/http';

（2）在imports中注入 HttpModule和JsonpModule


imports: [

    BrowserModule,

    HttpModule,

    JsonpModule,

    IonicModule.forRoot(MyApp)

  ],

（3）在需要的页面中引入


import { Http,Jsonp,Headers} from '@angular/http';

（4）构造函数中声明


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请求

1.设置头文件


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);

            //返回前一页

          });