zoukankan      html  css  js  c++  java
  • axios表单提交,delete,get请求(待完善)

    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


  • 相关阅读:
    linux sort根据日期时间排序方法记录
    gitlab数据迁移与升级记录
    ubuntu加压7z分卷
    docker环境运行elasticsearch以及汉化运行kibana
    nginx 403错误 检查nginx.conf user有没有问题,最好是当前用户
    系统属性file.encoding在JVM启动后,再次设置无法对系统的默认编码造成影响 & sun.jnu.encoding
    IDEA快速选择提示代码的设置
    log4j2可以打印到控制台,但无法打印到文件
    IDEA快捷键
    Eclipse自定义快捷键
  • 原文地址:https://www.cnblogs.com/cx709452428/p/9646938.html
Copyright © 2011-2022 走看看