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、获取上一页面传参的方法的更多相关文章

  1. uniapp如何在当前页面获取上个页面的变量、方法

    getCurrentPages() getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面. 注意: getCurrent ...

  2. Ajax获取接口数据,url拼接参数跳转页面,js获取上一级页面参数给本页面

    1.Ajax获取接口数据 function demo(){ //假设请求参数 var requestBody = [{ "name":"zhang", &quo ...

  3. 关于页面传参,decodeURI和decodeURIComponent

    之前写过一个关于页面传参的,但是是前端相对于自己的页面做的跳转,也就是页面1,跳转到页面2,里面带的参数.这里可以参考我上一篇文章,包括里面参数中如果有数组和json格式的情况.但是需要注意的是,我前 ...

  4. AngularJS中页面传参方法

    1.基于ui-router的页面跳转传参 (1) 用ui-router定义路由,比如有两个页面,一个页面(producers.html)放置了多个producers,点击其中一个目标,页面跳转到对应的 ...

  5. FastAdmin 前端页面传参笔记

    FastAdmin 前端页面传参笔记 看到 QQ 群里的小伙伴询问如何传参,然后在社区里找到一笔记帖子 1 还要参考在线文档控制器部分2. 引用 Karson 的回复: 如果我们需要自己在控制器中透传 ...

  6. vue 通过 name 和 params 进行调整页面传参刷新参数丢失问题&vue路由可选参数

    vue  通过 name 和 params 进行调整页面传参刷新参数丢失问题 router.js: export default new Router({ routes: [ { path: '/', ...

  7. Java Web项目里开发获取上个页面连接地址的问题

    近期做的项目有个问题,就是需要获取上个页面连接地址,我用的IE浏览器,在用location.href连接到新地址的时候,在新地址页面用document.referrer的方法获取不到原地址,我测试了下 ...

  8. Strut2页面传参跳转 --Struts2

    1.本案例借助struts2框架,完成页面传参.跳转功能 2.代码实现 index.jsp: <form action="helloStruts2.action" metho ...

  9. html 跳转页面传参、点击获取DOM参数

    虽然现在前端框架已经很多,尤其是几大流行框架,比如Vue,React,Angular 等,已经去DOM化,但是还是有很多公司仍在使用 HTML + CSS + JS . 这里记载一下用到的HTML传参 ...

  10. Angular页面传参的四种方法

    1. 基于ui-router的页面跳转传参 (1)在Angular的app.js中用ui-route定义路由,比如有两个页面, 一个页面(producers.html)放置了多个producers,点 ...

随机推荐

  1. 狂神--ElasticSearch

    一.ElasticSearch概述 官网:https://www.elastic.co/cn/downloads/elasticsearch Elaticsearch,简称为es,es是一个开源的高扩 ...

  2. 2022年了!还在用定时器实现动画?赶紧试试requestAnimationFrame吧!

    前言 作为一名前端开发者,相信你一定接触过动画.还记得最开始学习前端时,我们曾尝试使用 JS 实现各种动画效果,比如轮播图等等.随着前端技术的不断更新,我们实现动画的方式变得多种多样了,比如使用JS. ...

  3. 获取select的选中的值

    var select = document.getElementById("sec")//获取元素 var idx = select.selectedIndex;//获取当前选中的 ...

  4. Svelte

    Svelte Svelte 简介 在最新的<State of JS survey of 2020>中,它被预测为未来十年可能取代React和Vue等其他框架的新兴技术.如果你不确定自己是否 ...

  5. CentOS 7.4使用yum源安装MySQL 5.7.20

    CentOS 7.4使用yum源安装MySQL 5.7.20 小牛教程 InnoDB存储引擎 2022年11月25日 从CentOS 7.0发布以来,yum源中开始使用Mariadb来代替MySQL的 ...

  6. WPF 入门教程DispatcherTimer计时器

    在 WinForms 中,有一个名为 Timer 的控件,它可以在给定的时间间隔内重复执行一个操作.WPF 也有这种可能性,但我们有DispatcherTimer控件,而不是不可见的控件.它几乎做同样 ...

  7. js-防抖(简易版)

    /**  * 节流函数  */ var count = 1; var container = document.getElementById('container'); function getUse ...

  8. react 本地 DevServer启动之后找不到静态资源404

    起因:更改路由嵌套方式,基础路径不是 '/' 本地启动项目之后 请求静态资源404,前边加了路由路径, 原因:打包之后相对路径改变了,解决:在output里的publicPath :'/'

  9. .net core 添加省市区三级联动以及编辑时显示选中的城市。

    1 @model Core.Net.Model.CoreNetBuild.CoreNetPrejectAllocation; 2 @using Core.Net.Common.Core.Net.Cor ...

  10. 学习笔记-Java面向对象

    学习来源: B站[狂神说Java]Java零基础学习视频通俗易懂 static关键字详解 package com.oop.demo07; //static public class Student{ ...