美文网首页
1.5 ionic3入门——http get post

1.5 ionic3入门——http get post

作者: 杨啊杨_fb52 | 来源:发表于2018-09-17 10:01 被阅读0次

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

            //返回前一页

          });

(7) post数据为formData
不要设置头文件,不然报错,头文件空着


private headers = new Headers();

相关文章

  • 1.5 ionic3入门——http get post

    (1)app.module.ts中引入 (2)在imports中注入 HttpModule和JsonpModule...

  • 作为web前端面试官准备的一面题目 (转)

    一、HTTP: 1. POST、GET区别 HTTP POST GET 本质区别详解一 原理区别根据HTTP规范,...

  • get和post

    HTTP POST和GET的区别 1、HTTP 只有POST和GET 两种命令模式; 2、 POST 是被设计用来...

  • java发送http请求

    restTemplate get请求 post请求 apache.http.client get请求 post请求...

  • HttpUtil工具

    HttpUtil工具,http get post请求,https get post请求,ajax response...

  • GetPost

    Http 方法:Get/Post 两种最常用的HTTP方法:Get和Post[https://www.jiansh...

  • http,get,post

    1.HTTP应答码 HTTP应答码也称为状态码,它反映了Web服务器处理HTTP请求状态。HTTP应答码由3位数字...

  • HTTP GET/POST

    首先两种协议最大的区别就是,get请求参数在URL中,属于明文传递post请求参数在请求体中。有一点需要强调的是,...

  • HTTP post和get请求的实现

    本文使用HttpClient包实现了HTTP的post和get请求。 · POST · GET

  • Http请求工具类

    1. HTTP请求工具类 包含 GET、POST表单、POST Json、POST上传应用、GET下载应用

网友评论

      本文标题:1.5 ionic3入门——http get post

      本文链接:https://www.haomeiwen.com/subject/dscknftx.html