封装ng2的Http请求

需求描述：http请求的url格式都是’http://debug.xxx.com‘+’/url’，在请求之前显示loading，在请求结束隐藏loading
目前只封装了get，其他请求类似，后期再补充

MyHttp.ts

import {Injectable} from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/Rx';@Injectable()
export class MyHttp {public restServer;public http;constructor(Http:Http) {this.http = Http;this.restServer = 'http://debug.xxx.com'}public get(url, params?:Object, cb?:Function) {console.log('开始请求')var vm = this;var searchParams = '';if (params) {for (var key in params) {searchParams += key + '=' + params[key];}}vm.http.get(vm.restServer + url, {search: searchParams}).map(res => res.json()).subscribe(data => {console.log('请求结束', data)cb(data)});}
}

在组件中调用MyHttp
demo.ts

import {MyHttp} from './../service/MyHttp';
@Component({selector: 'demo',templateUrl: './demo.html',providers: [MyHttp]
})
export class Demo {constructor(MyHttp:MyHttp) {MyHttp.get('/url', {}, function (data) {console.log('结果', data)});}
}

封装ng2的Http请求相关推荐

(iOS-框架封装)AFN3.x 网络请求封装
AFNetworking 我项目里面的网络请求是一外包大牛基于AFN2.x封装的基本网络请求,感觉其封装的贼好,对服务端返回的错误码统一处理,对返回的 json 数据下发给每个继承自基本网络请求的子网 ...
axios队列 vue_(十三 )Vue 封装axios(四种请求)及相关介绍
Vue 封装axios(四种请求)及相关介绍首先axios是基于promise的http库 promise是什么? 1.主要用于异步计算 2.可以将异步操作队列化,按照期望的顺序执行,返回符合预期的 ...
axios delete有请求体吗_封装 axios 取消重复请求
编者按:本文作者舒丽琦,奇舞团前端开发工程师在我们web开发过程中,很多地方需要我们取消重复的请求.但是哪种场合需要我们取消呢?我们如何取消呢?带着这些问题我们阅读本文. 阅读完本文,你将了解以下内 ...
【跨域问题】Vue简单封装axios—解决post请求后端接收不到参数问题
原因分析: 1. 传参数据没有序列化? 解决办法: [推荐] [推荐阅读] vue+axios+qs序列化 "三步解析"[含demo实例]- 代码篇 2. 服务端接受数据格式参数配 ...
[转载] python接口测试：封装get和post请求+重新封装requests类
参考链接: 使用Python进行GET和POST请求封装get.post请求如下: #!/usr/bin/env python # coding=utf-8 import requests clas ...
封装 axios 取消重复请求
编者按:本文作者舒丽琦,奇舞团前端开发工程师在我们web开发过程中,很多地方需要我们取消重复的请求.但是哪种场合需要我们取消呢?我们如何取消呢?带着这些问题我们阅读本文. 阅读完本文,你将了解以下内 ...
封装js发送http请求
封装js发送http请求 var http = {};http.quest = function (option, callback) {var url = option.url;var method ...
微信小程序框架封装登录，网络请求等公共模块及调用示例
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 这个公共模块封装了session的获取,和fromId发送,showToast成功和失败的弹窗. 微信小程序公 ...
iOS安全之二次封装AFN并设置请求头/执行HTTPS加强安全
以前都是直接复制粘贴二次封装好的代码 , 现在都忘了怎么写 . 恰好当前项目要用到请求头 , 在网上学习了一下 , 统一敲了一遍 .自从到了现在公司 , 才发现要学的东西太多了 , 当然 , 有个好的 ...

封装ng2的Http请求

封装ng2的Http请求相关推荐

最新文章

热门文章