vue项目中请求头为applicationx-www-form-urlencoded的参数传递

最新推荐文章于 2025-04-07 10:33:57 发布

转载最新推荐文章于 2025-04-07 10:33:57 发布 · 2.4k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/thinkguo/p/11277313.html

标签

#javascript #前端 #后端 #ViewUI

收录于

本文详细介绍了在前端开发中如何使用URLSearchParams对象进行PUT请求的参数传递，并展示了具体的代码实现，包括参数的构建和传递过程，以及axios的配置。

当请求接口的请求头如下图所示时，

前端在传参时需要先新建一个URLSearchParams对象，然后将参数append到这个对象中

const params = new URLSearchParams();
params.append('programId', row.programId)

然后再将该对象传递到接口参数

 program_submit(params).then(res => {
        if (res.data.code == '0') {
          that.$openMessage('提交成功', 'success');
          this.getAllprogram();
        } else {
          that.$openMessage(res.data.msg, 'error');
        }
      }).catch(e => {
        that.$openMessage(e, 'error');
      })
    },

对应的axios的接口如下，需要加个headers

export function program_submit(params) {
return axios.put(servers + '/program/submit', params, {
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
});
}

补充：

一般get，delete请求，param要加大括号{ }，而put和post则不用加

转载于:https://www.cnblogs.com/thinkguo/p/11277313.html