ionic4.x网络请求
2024-08-26 16:41:15
创建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
}
})
最新文章
- jquery让滚动条跳到最底部
- ECMAScript 6新特性(1)数组篇
- “Unable to resolve target &#39;android-9&#39;”的问题
- 所有 HTTP 状态代码及其定义
- (转)JS正则表达式元字符
- HDU 2896 病毒侵袭 (AC自动机)
- nginx启动、开机自启动、重启、关闭
- django-cookieless 0.7 : Python Package Index
- 【C语言探索之旅】 第二部分第九课: 实战";悬挂小人";游戏 答案
- 使用ReSharper打造团队代码
- String的valueOf()用于将其它类型转换为字符串
- Java框架spring Boot学习笔记(二):Hello Spring Boot、以及项目属性配置
- layabox 1 基础
- This iPhone 6s is running iOS 11.3.1 (15E302), which may not be supported by this version of Xcode.
- Js中,Map对象的使用
- CreateDialog 注意事项
- HDU 4301 Divide Chocolate (DP + 递推)
- Linux IO多路复用之epoll网络编程及源码(转)
- springMVC结合AjaxForm上传文件
- Java输出double类型中的最小正数和最大正数
热门文章
- react native jpush
- AngularJs中Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/
- 版本管理工具:GIT
- Maven安装及其IDEA的配置
- Handling skewed data---Error metrics for skewed(偏斜的) classes(precision&;recall)
- c# 数据类型转换
- BAT文件的调用
- python - ORM 查询
- zookeeper先验知识(2PC+paxos)
- Codeforces Global Round 6[A,B,C]