创建common服务:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'; //首先安装md5模块 cnpm install ts-md5 --save import {Md5} from "ts-md5/dist/md5"; @Injectable({
providedIn: 'root'
})
export class CommonService { public config: any = {
baseUrl: 'http://127.0.0.1:8080/'
} constructor(public http: HttpClient) { }
/*
api/focus
*/
ajaxGet(url:String) { var api = this.config.baseUrl + url;
return new Promise((resove, reject) => { this.http.get(api).subscribe((response) => {
resove(response);
}, (error) => {
reject(error);
})
})
} /*
api/focus
*/
ajaxPost(url:String, json:Object) {
var api = this.config.baseUrl + url;
return new Promise((resove, reject) => {
this.http.post(api, json).subscribe((response) => {
resove(response);
}, (error) => {
reject(error);
})
})
} /*
生成签名
var json={
uid:123,
salt:'afsafdafadf'
}
*/ sign(json){ var tempArr=[];
for(var attr in json){
tempArr.push(attr);
} tempArr=tempArr.sort(); var tempStr=''; for(var j=0;j<tempArr.length;j++){ tempStr+=tempArr[j]+json[tempArr[j]]
} // console.log(tempStr); return Md5.hashStr(tempStr); }
}

在使用的页面引入服务

import { CommonService } from '../services/common.service';
constructor(public common:CommonService) {
}

请求接口:

    var api="api/doLogin";
this.common.ajaxPost(api,{
username:this.userinfo.username,
password:this.userinfo.password,
}).then((response:any)=>{
console.log(response);
if(response.success){
//1、成功后处理业务逻辑
}else{
alert(response.message); //toast
}
})

最新文章

  1. jquery让滚动条跳到最底部
  2. ECMAScript 6新特性(1)数组篇
  3. “Unable to resolve target &#39;android-9&#39;”的问题
  4. 所有 HTTP 状态代码及其定义
  5. (转)JS正则表达式元字符
  6. HDU 2896 病毒侵袭 (AC自动机)
  7. nginx启动、开机自启动、重启、关闭
  8. django-cookieless 0.7 : Python Package Index
  9. 【C语言探索之旅】 第二部分第九课: 实战&quot;悬挂小人&quot;游戏 答案
  10. 使用ReSharper打造团队代码
  11. String的valueOf()用于将其它类型转换为字符串
  12. Java框架spring Boot学习笔记(二):Hello Spring Boot、以及项目属性配置
  13. layabox 1 基础
  14. This iPhone 6s is running iOS 11.3.1 (15E302), which may not be supported by this version of Xcode.
  15. Js中,Map对象的使用
  16. CreateDialog 注意事项
  17. HDU 4301 Divide Chocolate (DP + 递推)
  18. Linux IO多路复用之epoll网络编程及源码(转)
  19. springMVC结合AjaxForm上传文件
  20. Java输出double类型中的最小正数和最大正数

热门文章

  1. react native jpush
  2. AngularJs中Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/
  3. 版本管理工具:GIT
  4. Maven安装及其IDEA的配置
  5. Handling skewed data---Error metrics for skewed(偏斜的) classes(precision&amp;recall)
  6. c# 数据类型转换
  7. BAT文件的调用
  8. python - ORM 查询
  9. zookeeper先验知识(2PC+paxos)
  10. Codeforces Global Round 6[A,B,C]