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. nginx配置, 启动命令, 反向代理配置

    2014年1月3日 13:52:07 喜欢这样的风格,干货 http://huoding.com/2013/10/23/290 -----------------下边是我自己的经验(windows)- ...

  2. [Kaggle] How to handle big data?

    上一篇,[Kaggle] How to kaggle?[方法导论] 这里再做一点进阶学习. 写在前面 "行业特征" 的重要性 Ref: Kaggle2017—1百万美金的肺癌检测竞 ...

  3. ES6拓展符修改对象

    // ES6 拓展符合并两个对象let ab = { ...a, ...b }; // 等同于 let ab = Object.assign({}, a, b); // 修改对象部分属性.用户自定义的 ...

  4. aws S3存储概念

    S3存储(Simple Storage Service) 存储桶:存储桶是S3中用于存储对象的容器.每个对象都存储在一个存储桶中. 对象:对象是S3中存储的基本实体.对象由对象数据和元数据组成.数据部 ...

  5. 1. hadoop使用启动命令时报错之分析解决

    今天在学习hadoop启动命令的时候,先jps看了下,发现namenode.datanode都开着,所以想要先停止这些服务,结果输入命令后报错:“WARN util.NativeCodeLoader: ...

  6. React Native中Touchable组件的使用

    截图如下: /** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import Rea ...

  7. centos源码安装mysql5.7

    http://blog.csdn.net/langzi7758521/article/details/51435985

  8. powerDesigner关联数据库显示中文注释

    最近使用powerdesigner,遇到些问题,记录一下[安装过程就略过了] 一.安装odbc驱动 分享下驱动,百度网盘链接:https://pan.baidu.com/s/1UYPq_PEQkDOJ ...

  9. openstack——Rabbitmq集群部署

    一.前期准备 1.条件:准备3台Linux系统虚拟机,保持系统版本一致,确保配置好yum源,及网络源     2.3台虚拟机做静态解析 [root@yun1 ~]# cat /etc/hosts 12 ...

  10. VMware中centos虚拟机的安装

    几个月前,就下载了VMware,centOS 6 操作系统镜像.苦于对linux的不理解和安装教程的不熟悉,一直未安装成功. 几天前,终于独自安装好了,特此记录一下. 安装其实很简单,之前失败是在于安 ...