封装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,点 ...
随机推荐
- 用js实现元素两个元素位置对齐
一.问题描述 使得填表单位那一行字与下面的表格左对齐,对表格使用css中的margin:auto实现了居中,但是对那一行字(用div包裹的)使用margin:auto不生效:并且2021年下面对应的月 ...
- mysql数据库查看版本号
1.在命令行登录mysql,即可看到mysql的版本号 [root@mysql02 bin]# ./mysql -uroot -pEnter password: Welcome to the MySQ ...
- chatGPT搭建之旅
昨天接到领导需求,要我搭建一个chatGPT玩玩,并给了一个链接地址:https://gitee.com/RockChin/QChatGPT 然后历经千辛万苦,熬了一宿终于搭建了,中途踩了各种大坑小坑 ...
- JAVA 【SM2】加密解密
JAVA [SM2]加密解密 前言:最近项目中必须用到SM2的加密解密 引入的Maven依赖 <dependency> <groupId>cn.hutool</group ...
- 题解 UVA10859 【Placing Lampposts】
交了N次,重构一次代码终于过了..... 题意:一片森林,1.输出占领所有边需要的最小的路灯个数 2.输出两端点均被占领的边的条数 3.只有一端被占领的边的条数 还是比较简单的 开始的时候思路不够清晰 ...
- lua module以及模块内的local function使用
在模块定义local function,使用local function时,需要在使用前就定义,不能通过self:localfunction 或者self.locakfunction 因为是模块内的局 ...
- Python的入门复习一 Day 8——from“夜曲编程”
Day 8 time: 2021.8.5. 原来P课程已经安排好了专题复习呢.所以,今天的重心就落在了角落知识点于相关课程实践上了.这次总结,也是一如既往地兵分两路呢. 注意事项: 格式化时,在前,引 ...
- pycharm、pyqt5、pyuic、anaconda配置界面
转载一篇很棒的文档,讲解的是如何在pycharm里面使用QT desiger勾画界面并且将相应的界面转化成py文件 https://www.jianshu.com/p/8b992e47a0e4 个人 ...
- Amd,Cmd, Commonjs, ES6 import/export的异同点
Amd,Cmd, Commonjs, ES6 import/export等均是模块化方案 1.Commonjs使用在Nodejs上,加载模块是同步的. 2.Amd是requirejs在推广过程中对模块 ...
- 2018GPLT
2018GPLT 7-1 天梯赛座位分配 一共有n所学校参加比赛,每所学校有\(a_i\)只队伍,每只队伍共10人,要保证每个学校的所有队员不能相邻就坐,令每一所学校的队伍排成一排纵列,然后从第一所学 ...