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. RabbitMQ学习之:(四)回头看刚才写的程序 (转贴+我的评论)

    转自:http://lostechies.com/derekgreer/2012/03/18/rabbitmq-for-windows-hello-world-review/ 我的心得: 1. 在创建 ...

  2. ubuntu---ssh连接

    17.04版本或其他版本: 1.第一步是.(这个必须先安装) apt-get install openssh-server 2.第二步: 当在这段输入ifconfig提示安装.再最后安装这个. 终端会 ...

  3. 一百零七:CMS系统之权限和角色模型定义

    模型与权限关系映射表 class CMSPersmission: """ 权限管理映射 """ # 255的二进制方式来表示 1111 11 ...

  4. 转载:深入浅出 Java 8 Lambda 表达式

    原文地址:http://viralpatel.net/blogs/Lambda-expressions-java-tutorial/ OneAPM for Java 能够深入到所有 Java 应用内部 ...

  5. 用js的方式运行c程序之webassemly

    在这里就不科普webassemly的作用以及好处了,请自行百度. 那么,怎么通过js的方式在浏览器中运行c程序呢,其中原理如下: 可能另一张图会更详细: 1.安装emscripten 说明文档地址:h ...

  6. 来聊聊JavaScript中的防抖和节流

    目录 JavaScript防抖和节流 问题还原 防抖 什么是防抖 使用场景 节流 什么是节流 使用场景 JavaScript防抖和节流 问题还原 我们先来通过代码把常见的问题还原: <html& ...

  7. 【Gym - 100923I】Por Costel and the Pairs(思维题)

    Por Costel and the Pairs Descriptions 有T组测试样例 有n个男的,n个女的,第i个人都有为当前一个大小为i的懒惰值,当一男一女懒惰值的乘积<=n他们就就可以 ...

  8. Docker知识点总结

    一. docker介绍: 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器上,也可以实现虚拟化.容器是完全使用沙箱机制,相互之间不 ...

  9. 安装glance

    在控制节点上执行 controllerHost='controller' MYSQL_PASSWD='m4r!adbOP' GLANCE_PASSWD='glance1234!' 1.创建数据库 my ...

  10. 如何让FasterTransformer支持动态batch和动态sequence length

    FasterTransformer 算子 nvidia在开源的FasterTransformer的代码中,提供tensorrt和tensorflow的自定义算子编译和py调用示例,详见FasterTr ...