前端post请求中body和query传参的区别

迈不过友情╰ 2022-12-26 11:27 293阅读 0赞

前端发送请求最常用的是get请求还有post请求
get请求只能传query参数，query参数都是拼在请求地址上的
post可以传body和query两种形式的参数
如下：

  1. /* 编辑项目列表 */
  2. export function editProjectList(params) {
  3.   const url = '/support/project/update';
  4.   return request({
  5.     url: url,
  6.     method: 'post',
  7.     data: params // data就是body参数
  8.   });
  9. }

  • / 增加客户列表 /
    export function addClientList(params) {
    const url = ‘/support/company/insert’;
    return request({
    url: url,
    method: ‘post’,
    params: params// params就是query参数
    });
    }

注意：拼在请求地址上的传参，就是query传参，params的值只能是一个字符串，不能传递对象类型的参数，如果参数中涉及到了传递对象，就要选择body传参。

3.@RequestParam和@RequestBody的区别

若后端使用@RequestParam 来接收前端传过来的参数的，Content-Type要设置为application/x-www-form-urlencoded，并且需要对data使用qs.stringify来进行转换；

若后端使用@RequestBody 来接收前端传过来的参数的，Content-Type要设置为application/json;

如有不对：请斧正；

发表评论

表情：
评论列表 （有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读