import { mapMutations} from 'vuex'
import axios from 'axios'
const mixins = {
data() {
return {
}
},
methods: {
ajaxSend(reqType,urlSuffix, paramsData) {
// 公共请求数据的方法。
let vm = this;
// let storage = window.localStorage;
// let zksysReqParams = {
// "agent": "ZK_Center",
// "intfVer": "1.0.0",
// "lang": "zh-CN",
// "platform": "zkweb",
// "sessionId": storage.sessionId,
// "sys": "ZK_Center",
// "tz": "+8:00",
// "payload": {
// "datafmt": 1,
// "params": {}
// }
// };
//var prefixUrl = localStorage.prefixUrl;
// var reqParams = Object.assign({}, zksysReqParams);
// reqParams.payload.params = paramsData;
// headers:{'Content-type': 'application/x-www-form-urlencoded'}
var prefixUrl = 'http://192.168.12.45:18085';
let url = prefixUrl + urlSuffix;
console.log(url);
if(reqType=='post'){
// 将json数据转换为表单提交数据
let params = ''
for (let it in paramsData) {
params += encodeURIComponent(it) + '=' + encodeURIComponent(paramsData[it]) + '&'
}
return axios.post(url, params,{headers:{'Content-type': 'application/x-www-form-urlencoded'}}).then((res) => {
console.log(res);
return Promise.resolve(res.data);
}).catch((err) => {
// Toast(err);
console.log(err);
})
}else if(reqType=='get'){
return axios.get(url).then((res) => {
return Promise.resolve(res.data);
}).catch((err) => {
// Toast(err);
console.log(err);
})
}else if(reqType=='delete'){
return axios.delete(url).then((res) => {
return Promise.resolve(res.data);
}).catch((err) => {
// Toast(err);
console.log(err);
})
}else if(reqType=='put'){
console.log('put请求');
return axios.post(url, paramsData).then((res) => {
console.log(res);
return Promise.resolve(res.data);
}).catch((err) => {
// Toast(err);
console.log(err);
})
}
},
...mapMutations({
'showlogin':'SHOW_LOGIN'
})
},
returnData(res){
console.log(12);
console.log(res);
if (res.data.code !== '00000000') {
if (res.data.code == 'ET000001') {
// Toast('登录过期,请重新登录');
// vm._chang(false); //过期的话,把show设为false。在login时进行判断。
vm.$router.push({path:'/login'});
return false;
}
}else{
storage.sessionId=res.data.sessionId;
}
}
}
export default mixins

axios表单提交,delete,get请求(待完善)的更多相关文章

  1. Form表单提交,Ajax请求,$http请求的区别

    做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求 以前一直搞不清楚什么时候应该用哪种 ...

  2. PHP再学习1——cURL表单提交、HTTP请求和响应分析

    1.前言 最近迷恋WEB方面的技术,虽然自己是一个嵌入式工程师,但是我深知若需要把传感器终端的数据推送至“平台”必然会和WEB技术打交道.在工作中发现嵌入式工程师喜欢 二进制形式的协议,例如MODBU ...

  3. python测试开发django-24.表单提交之get请求

    前言 通常我们需要在html页面上输入框里面输入数据,比如登录的时候,输入账号和密码,点提交按钮. 从html把数据提交到服务端,服务端接收数据后判断提交的数据,然后做出对应的响应,这么一整个流程就是 ...

  4. 使用form表单提交请求如何获取后台返回的数据?

    问题描述 一般的form表单提交是单向的:只能给服务器发送数据,但是无法获取服务器返回的数据,也就是无法读取HTTP应答包. 想要真正的半双工通讯一般需要使用Ajax, 但是Ajax对文件传输也很麻烦 ...

  5. 表单提交---前端页面模拟表单提交(form)

    有些时候我们的前端页面总没有<form></form>表单,但是具体的业务时,我们又必须用表单提交才能达到我们想要的结果,LZ最近做了一些关于导出的一些功能,需要调用浏览器默认 ...

  6. Servlet--超链接,表单提交,重定向,转发4种情况的路径

    实际编码中我们经常写路径,写路径既可以写相对路径,也可以写绝对路径.我2年以前我就养成了习惯,只要是写路径我从来都是写绝对路径,因为万一将来我们的项目的目录发生变化,原来要是写相对路径的话就会有路径依 ...

  7. jqueryEasyUI form表单提交的一个困惑

    今天用到了jqueryEasyUI的form表单做一个增加操作的提交,想打开调试(用的是火狐)看看传的参数,但是怎么也看不到form表单提交的http请求?而且还会发送一个另外的请求! 在页面加载时, ...

  8. form表单提交没有跨域问题,但ajax提交存在跨域问题

    浏览器的策略本质是:一个域名下面的JS,没有经过允许是不能读取另外一个域名的内容,但是浏览器不阻止你向另外一个域名发送请求. 所以form表单提交没有跨域问题,提交form表单到另外一个域名,原来页面 ...

  9. Layui form表单提交注意事项

    // 表单提交form.on('submit(first1)', function (data) { var articleFrom = data.field; $.ajax({ type:" ...

随机推荐

  1. 两个input之间有空隙,处理方法

    修改css,给前边一个input添加一个左浮动.   <input id="day" type="button" value="日" ...

  2. java中字符串左右补齐【转】

    /** * 右左补齐 */ public static String padRight(String src, int len, char ch) { int diff = len - src.len ...

  3. 一百二十七:CMS系统之添加轮播图前后台逻辑

    后台逻辑 模型 from exts import dbfrom datetime import datetime class BannerModel(db.Model): __tablename__ ...

  4. Spring框架是一种非侵入式的轻量级框架

    摘自<Spring框架技术> Spring框架是一种非侵入式的轻量级框架 1.非侵入式的技术体现 允许在应用系统中自由选择和组装Spring框架的各个功能模块,并且不强制要求应用系统的类必 ...

  5. Servlet(1):基础概念/最简实例

    Servlet 生命周期(1) init()方法初始化Servlet对象  它在第一次创建Servlet时被调用,在后续每次不同用户请求时不再调用.(2) service()方法来处理客户端的请求  ...

  6. SpringBoot中使用aop-测试

    面向切面编程(AOP),该种方式主要是为了弥补面向对象编程(OOP)的不足,通过配置切面以及关注点.通知等我们可以在程序的任意位置对我们的代码进行增强(执行一些代码),AOP是Spring的特性之一, ...

  7. BZOJ 2631 tree | Luogu P1501 [国家集训队]Tree II (LCT 多重标记下放)

    链接:https://www.luogu.org/problemnew/show/P1501 题面: 题目描述 一棵n个点的树,每个点的初始权值为1.对于这棵树有q个操作,每个操作为以下四种操作之一: ...

  8. DOS cscript

    C:\>cscript /?Microsoft (R) Windows Script Host Version 5.812版权所有(C) Microsoft Corporation.保留所有权利 ...

  9. DOS ftp

    C:\>ftp /? 将文件传送到运行 FTP 服务器服务(经常称为后台程序)的计算机以及将文件从该计算机传出.可以交互使用 Ftp. FTP [-v] [-d] [-i] [-n] [-g] ...

  10. jstl与EL表达式

    一·el表达式介绍 EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} ...