封装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,点 ...
随机推荐
- Docker之Nginx保姆级别安装
Docker之Nginx保姆级别安装: 如果觉得样式不好:跳转即可 http://www.lifengying.site/(md文件复制过来有些样式会不一样) 学英语网站项目:自己先保证Redis.N ...
- Unity UI 识别画圆手势
最近做了一个项目,需要打开一个编辑UI,平时不显示,如果在UI界面上做一个按钮,感觉很丑,就想到了Reporter_Logs的画圆触发. 识别到你在界面上画了一个圆 (可用于 Windows 和 An ...
- 【微信公众号】记一次微信活动微信公众号分享没有LOGO的解决心路历程
微信类的活动测过好几次了,以前的开发从来没有出过纰漏,这次也以为很简单.结果一个"分享后没有LOGO的问题",前端开发陆陆续续花了一周时间都不能解决,老是找后端和微信公众号配置问题 ...
- xxx.app 已损坏,无法打开,你应该将它移到废纸篓/打不开 xxx,因为它来自身份不明的开发者解决方法
xxx已损坏,无法打开,你应该将它移到废纸篓解决办法 打不开 xxx,因为它来自身份不明的开发者 打不开xxxx,因为 Apple 无法检查其是否包含恶意软件 在安装的时候提示加载失败! 解决: 打开 ...
- Linux系统开机自启动jar包程序
一.编写jenkins开机自启动脚本 vim /etc/rc.d/init.d/jenkins.sh #!/bin/bash export JAVA_HOME=/usr/lib/jvm/java ex ...
- 【Frida】启动手机上的Frida插件
运行以下命令可以保证Frida一直在手机上运行,不关机,Frida就不关 adb shell su -c "./data/local/frida-server-15.2.2-android- ...
- Lua中创建新的文件夹
如下: os.execute('mkdir 文件夹名称')
- Java脚本操作mysql和接口
一.Java操作MySQL 1.插入insert 1 import java.sql.*; 2 import java.util.UUID; 3 4 public class BigData { 5 ...
- CTF学习笔记(二)
二.常见的HTML知识 (一)rorbts协议 robots协议也称爬虫协议.爬虫规则等,是指网站可建立一个robots.txt文件来告诉搜索引擎哪些页面可以抓取,哪些页面不能抓取,而搜索引擎则通过读 ...
- lowcodeEngine 组件面板的拖拽功能
设计器和渲染器处在不同的 Frame 渲染器以单独的 iframe 嵌入,xxx-simulator-renderer 通过和 host进行通信来和设计器打交道,比如点击渲染画布任意一个位置,需要能计 ...