vue接口请求(get和post)

25 篇文章 0 订阅

get 路由带参数(无参数也参照此写法,替换接口地址就行)

    this.axios({
        method: 'get',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
           token: this.answerData.token,//请求头需要携带的token,不需要则不写
        },
        url: `${process.env.VUE_APP_HOST}/h5/questionnaire/user/info/${this.answerListData.questionnaireId}`,//接口地址与参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
          //this.answerInformation与this.answerStatus为return声明的变量
            this.answerInformation = data;
            this.answerStatus = 1; //已答题
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );

get 带参数

      this.axios({
        method: 'get',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
          token: this.answerData.token,//请求头需要携带的token,不需要则不写
        },
        url: `${process.env.VUE_APP_HOST}/h5/questionnaire/user/list?page=1&pageSize=10000`,//${process.env.VUE_APP_HOST}/h5/questionnaire/user/list为路由地址,page与pageSize为需要传给后台的参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
          //this.questionnaireList为return中声明的变量
            this.questionnaireList = data.list;
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );

 post带参数

 this.axios({
        method: 'post',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
          token: this.answerData.token,
        },
        url: `${process.env.VUE_APP_HOST}/h5/submit/questionnaire`,
        data: JSON.stringify({
          questionnaireId: answerListData.questionnaireId,
          submitQuestionnaireDetailDTOS,
          totalScore: totalScoreNum,
        }),//data为需要传给后台的参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
           //this.showDialog为return中声明的变量
            this.showDialog = false;//关闭弹框
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );
    async getOrderList(token) {
      let { pageIndex, pageSize, payStatus } = this;
      let paramsData = {
        pageIndex: pageIndex,
        pageSize: pageSize,
        payStatus: payStatus,
      };
      // ${process.env.API_HOST}
      $.ajax({
        url: `${process.env.API_HOST}/api/order/getOrderList`, // 请求URL
        type: "POST", // 请求类型(GET、POST等)
        headers: {
          // 自定义请求头
          token,
          "Content-Type": "application/json",
        },
        data: JSON.stringify(paramsData),//加JSON.stringify转为json格式
      })
        .done(function (response) {
          console.log("成功收到服务器返回的结果");
          console.log(response);
        })
        .fail(function () {
          console.error("请求失败");
        });
    },

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值