请求数据

Posted yuyedaocao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了请求数据相关的知识,希望对你有一定的参考价值。

1、通过 Http

同步请求:

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

constructor(private http:Http,private jsonp:Jsonp) { }

this.http.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1").subscribe(

  function(data){

    console.log(data);
  },function(err){
    console.log(‘失败‘);
  }
);

异步请求:

import {Http,Jsonp} from "@angular/http";
import {Observable} from "rxjs";
import "rxjs/Rx";

constructor(private http:Http,private jsonp:Jsonp) { }

 this.http.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1").map(

  res => res.json()).subscribe(
  function(data){
    console.log(data);
  }
); 

2、通过 Jsonp

同步请求:

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

constructor(private http:Http,private jsonp:Jsonp) { }

 this.jsonp.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK").subscribe(

  function(data){
    console.log(data);
  },function(err){
    console.log(‘失败‘);
  }
);

异步请求:

import {Http,Jsonp} from "@angular/http";
import {Observable} from "rxjs";
import "rxjs/Rx";

constructor(private http:Http,private jsonp:Jsonp) { }

this.jsonp.get("http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSONP_CALLBACK").map(

  res => res.json()).subscribe(
  function(data){
    console.log(data);
  }
);

3、RxJs

 






















以上是关于请求数据的主要内容,如果未能解决你的问题,请参考以下文章

GET请求与POST请求

异步请求(获取json数据)

Android网络接口请求数据,oppo R15手机4G流量,请求不到数据。

HTTP请求消息的数据格式

http请求头大数据post如何判断完整

Spring之跨重定向请求传递数据