请求数据

本文介绍如何使用Angular框架中的Http与Jsonp模块进行同步和异步的数据请求操作,包括具体的代码实例。

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

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

 

转载于:https://www.cnblogs.com/yuyedaocao/p/9326740.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值