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. 004-tomcat优化-Catalina中JVM优化、Connector优化、NIO化

    一.服务端web层 涉及内容Nginx.Varnish.JVM.Web服务器[Tomcat.Web应用开发(Filter.spring mvc.css.js.jsp)] 1.1.基本优化思路 1.尽量 ...

  2. [spring mvc][转]<mvc:default-servlet-handler/>的作用

    优雅REST风格的资源URL不希望带 .html 或 .do 等后缀.由于早期的Spring MVC不能很好地处理静态资源,所以在web.xml中配置DispatcherServlet的请求映射,往往 ...

  3. Ubuntu 安装 docker,并上传到dockerhub

    一.安装Docker apt-get -y install docker.io 链接: ln -sf /usr/bin/docker.io /usr/local/bin/docker 检查docker ...

  4. vue项目报错

    在项目根目录下的.eslintrc.js中的rules下添加以下内容: /*代表不用eslint检测代码规范*/ "useEslint":false, /* tab和空格混用缩进, ...

  5. C#创建windows服务(一:初识windows服务)

    一 . 服务简介 Microsoft Windows 服务(过去称为 NT 服务)允许用户创建可在其自身的 Windows 会话中长时间运行的可执行应用程序. 这些服务可在计算机启动时自动启动,可以暂 ...

  6. Java集合(7):散列与散列码

    散列的价值在于速度.我们使用数组来保存键的信息,这个信息并不是键本身,而是通过键对象生成一个数字(散列码),作为数组下标.由于数组的容量是固定的,而散列容器的大小是可变的,所以不同的键可以产生相同的数 ...

  7. GB、GBDT、XGboost理解

    GBDT和xgboost在竞赛和工业界使用都非常频繁,能有效的应用到分类.回归.排序问题,虽然使用起来不难,但是要能完整的理解还是有一点麻烦的.本文尝试一步一步梳理GB.GBDT.xgboost,它们 ...

  8. js有序数组中插入一个元素,并有序的输出

    题目:比较传入函数的参数,将参数组成数组,从小到大排序,返回新的数组. 如: insert();console.log(arr); //[] insert(-1,-2); console.log(ar ...

  9. pycharm右键运行unittest、pytest文件

    在实际学习过程中,有时候会出现右键运行文件,但没有任何结果的情况.这就是没有使用unittest/pytest 的方式运行. 解决方法: 添加好

  10. prometheus 监控 zookeeper

    1.zookeeper的规则 [root@do1cloud01 prometheus]# cat zookeeper.yml rules: - pattern: "org.apache.Zo ...