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. Fluent Ribbon Control Suite和AvalonDock 控件库

    Fluent Ribbon Control Suite 是一个Ribbon控件,可以用来创建Office 2010 样式的用户界面,支持MVVM,最近快要更新了,将会有Office 2013 样式的主 ...

  2. WPF Win32 API 嵌入Form 窗体

    WIn32 API: public class Win32Native { [DllImport("user32.dll", SetLastError = true, CharSe ...

  3. WebServer_简单例子

    #-*-coding:utf-8-*- importwebimportjson urls=("/.*","index")app=web.application( ...

  4. 编解码原理,Python默认解码是ascii

    编解码原理,Python默认解码是ascii 首先我们知道,python里的字符默认是ascii码,英文当然没问题啦,碰到中文的时候立马给跪. 不知道你还记不记得,python里打印中文汉字的时候需要 ...

  5. python报错No module named 'pylab'

    pip instal matplotlib

  6. Springboot--关于使用webapp目录

    前我在学习springBoot集成springMVC的时候发现webapp目录, 1. 直接右键运行,访问不到页面,原来并不是不支持啊,只是默认没有把它放在编译路径里面. 我们可以在项目的packag ...

  7. 【Hadoop】MapReduce练习:多job关联实现倒排索引

    概述 倒排索引(英语:Inverted index),也常被称为反向索引.置入档案或反向档案,是一种索引方法,被用来存储在全文搜索下某个单词在一个文档或者一组文档中的存储位置的映射.它是文档检索系统中 ...

  8. JAVA_day1_变量和常量

    JAVA变量和常量 一.JAVA中的关键字 注:关键字区分大小写,Try不是关键字而try则是. 二.JAVA标识符 1.标识符:标识符就是用于给 Java 程序中变量.类.方法等命名的符号. 2.标 ...

  9. 使用mysqldump对mysql进行备份与恢复

    说明: 主参考:https://blog.csdn.net/fanren224/article/details/79693860 mysql数据全量备份 1.开启二进制日志,备份指定数据库 cat & ...

  10. XCTF攻防世界Web之WriteUp

    XCTF攻防世界Web之WriteUp 0x00 准备 [内容] 在xctf官网注册账号,即可食用. [目录] 目录 0x01 view-source2 0x02 get post3 0x03 rob ...