封装ajax、获取上一页面传参的方法
1.封装ajax
var defaultUrl = 'http://192.168.1.1:3000/'
function post_data(url,data,successfn,errorfn){
$.ajax({
url: defaultUrl+url,
data: data,
dataType: 'json',
async: false,
type: 'post',
success: function(res) {
successfn(res);
},
error: function(err) {
errorfn(err);
}
});
};
function get_data(url,data,successfn,errorfn){
$.ajax({
url: defaultUrl+url,
data: data,
dataType: 'json',
async: false,
type: 'get',
success: function(res) {
successfn(res);
},
error: function(err) {
errorfn(err);
}
});
}
/**
* get请求
* @param {Object} uri
* @param {Object} data
*/
var getMan = function(uri, data) {
return new Promise(function(resolve, reject) {
$.ajax({
url:defaultUrl+ uri,
data: data,
type: 'get',
timeout: 10000,
headers: {
"authorization": localStorage.getItem('qdht_manager_token') //此处放置请求到的用户token
},
success: function(res) {
resolve(res);
},
error: function(error) {
reject(error);
}
});
});
}
/**
* 单个POST请求公用
* @param {Object} uri
* @param {Object} data
*/
var postMan = function(uri, data) {
return new Promise(function(resolve, reject) {
$.ajax({
url: defaultUrl+uri,
data: data,
type: 'post',
timeout: 10000,
headers: {
"authorization": localStorage.getItem('qdht_manager_token') //此处放置请求到的用户token
},
success: function(res) {
resolve(res);
},
error: function(error) {
reject(error);
}
});
});
}
//上传文件 post
function uploadFile(uri, formData) {
return new Promise(function (resolve, reject) {
$.ajax({
url: uri,
type: "POST",
data: formData,
processData: false,
contentType: false,
dataType: 'json',
async: false,
headers: {
"authorization": localStorage.getItem('qdht_manager_token') //此处放置请求到的用户token
},
success: function (res) {
resolve(res);
},
error: function (error) {
reject(error);
}
});
});
}
2.获取上一页面传参的方法
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for(var i = 0; i < vars.length; i++) {
var pair = vars[i].split("=");
if(pair[0] == variable) {
return pair[1];
}
}
return(false);
}
var id = getQueryVariable("id");
封装ajax、获取上一页面传参的方法的更多相关文章
- uniapp如何在当前页面获取上个页面的变量、方法
getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面. 注意: getCurrent ...
- Ajax获取接口数据,url拼接参数跳转页面,js获取上一级页面参数给本页面
1.Ajax获取接口数据 function demo(){ //假设请求参数 var requestBody = [{ "name":"zhang", &quo ...
- 关于页面传参,decodeURI和decodeURIComponent
之前写过一个关于页面传参的,但是是前端相对于自己的页面做的跳转,也就是页面1,跳转到页面2,里面带的参数.这里可以参考我上一篇文章,包括里面参数中如果有数组和json格式的情况.但是需要注意的是,我前 ...
- AngularJS中页面传参方法
1.基于ui-router的页面跳转传参 (1) 用ui-router定义路由,比如有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的 ...
- FastAdmin 前端页面传参笔记
FastAdmin 前端页面传参笔记 看到 QQ 群里的小伙伴询问如何传参,然后在社区里找到一笔记帖子 1 还要参考在线文档控制器部分2. 引用 Karson 的回复: 如果我们需要自己在控制器中透传 ...
- vue 通过 name 和 params 进行调整页面传参刷新参数丢失问题&vue路由可选参数
vue 通过 name 和 params 进行调整页面传参刷新参数丢失问题 router.js: export default new Router({ routes: [ { path: '/', ...
- Java Web项目里开发获取上个页面连接地址的问题
近期做的项目有个问题,就是需要获取上个页面连接地址,我用的IE浏览器,在用location.href连接到新地址的时候,在新地址页面用document.referrer的方法获取不到原地址,我测试了下 ...
- Strut2页面传参跳转 --Struts2
1.本案例借助struts2框架,完成页面传参.跳转功能 2.代码实现 index.jsp: <form action="helloStruts2.action" metho ...
- html 跳转页面传参、点击获取DOM参数
虽然现在前端框架已经很多,尤其是几大流行框架,比如Vue,React,Angular 等,已经去DOM化,但是还是有很多公司仍在使用 HTML + CSS + JS . 这里记载一下用到的HTML传参 ...
- Angular页面传参的四种方法
1. 基于ui-router的页面跳转传参 (1)在Angular的app.js中用ui-route定义路由,比如有两个页面, 一个页面(producers.html)放置了多个producers,点 ...
随机推荐
- WDA学习(26):Phase Indicator使用
1.19 UI Element:Phase Indicator使用 本实例测试创建Phase Indicator; 运行结果: 1.创建Component,View: V_PHASE_IND; 2.创 ...
- 清除Linux登录记录
CentOS cat /dev/null > /var/log/wtmp cat /dev/null > /var/log/btmp cat /dev/null > /var/log ...
- echars中国地图
vue中使用echars做出中国地图 这里只是个小demo,根据流程操作可以实现基础的中国地图,样式等后面根据需要自己去调 1.下载中国地图 echars官网示例中,没有中国地图的json,需要自己去 ...
- Linuxt通过命令lsof或者extundelete工具恢复误删除的文件或者目录
Linux不像windows有那么显眼的回收站,不是简单的还原就可以了.linux删除文件还原可以分为两种情况,一种是删除以后在进程存在删除信息,一种是删除以后进程都找不到,只有借助于工具还原.这里分 ...
- 用xmind转换成excel表格
我的版本是: XMind 8 Update 9 (R3.7.9.201912052356) 1.先下载一个xmind软件,并注册账号,建议最好用qq邮箱去注册 2.然后下载一个 XMindCrack. ...
- ES使用
shards 分片数 ES存储数据可以存储在多个分片 下载ES curl -L -O https://artifacts.elastic.co/downloads/elasticsearch/elas ...
- flutter 常用ui库
1,EasyRefresh实现listview上拉刷新下拉加载,添加头尾布局,以及加载样式 地址:https://pub.flutter-io.cn/packages/flutter_easyrefr ...
- Net Core 3.1 ONVIF 操控海康摄像头
先给出实现的代码 https://github.com/lu1770/onvif-client.git 也可以通过安装包来使用功能 dotnet add package Onvif 基本用法 Agen ...
- 2023 01 19 HW
2023 01 19 HW Okay, then let's start. Okay. Maybe Karina, we start with the C2 design freeze. Yeah, ...
- 【二】python学习总结
一i.python概念 python是一种解释型语言,速度比java慢 二.运算符和格式输出.导入 1.Python3 运算符 | 菜鸟教程 (runoob.com) 2.格式输出 % 和.form ...