HTTP参数类型中的Query和Body参数

这篇具有很好参考价值的文章主要介绍了HTTP参数类型中的Query和Body参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在接口中常见到query参数和body参数,那么它对应的传参方式是?

query查询参数 ---> params ---> route.params.参数

body请求体参数 ---> data --->  route.query.参数


总结

GET请求只能传Query参数,

POST请求可以传Query和Body两种形式的参数

HTTP参数类型:请求头参数(head)、路径参数(path)、查询参数(query)、请求体参数(body)。http协议传参类型,根据参数所在协议位置可分为以上四大类。

Query查询参数,将参数拼在请求地址上。---> params传参

  • 参数以键值对的形式标识(URL以?key=value的形式呈现,如'?id=111'。)参数位置query,vue项目,笔记,http,网络协议,网络
  • 请求地址与参数之间用 ? 进行分隔,多个参数之间用 & 进行分隔(即 请求地址?参数1&参数2 )。
  • 一般只能是一个字符串,不能传对象类型

Body请求体参数,请求体中的数据,可以传递对象 (一般json都是body传参)。被传到data数据段上。--->query传参

Path路径参数,请求的路径资源,紧跟请求域名后面,用 / 分隔一系列的字符串,并用占位符来表示参数的值。如 `http://example/com/users/{id}`,这个`{id}`是路径的占位符,实际参数将替换占位符部分。(即 Path是用来替换你路径里的条目的,类似“user/{username}”)


 例:请求URL上面的参数,用query传参

参数位置query,vue项目,笔记,http,网络协议,网络

 即  参数位置query,vue项目,笔记,http,网络协议,网络参数位置query,vue项目,笔记,http,网络协议,网络

例:GET请求,接口请求参数:Query参数,对应 params传参(即使用 route.params.参数)

参数位置query,vue项目,笔记,http,网络协议,网络

 参数位置query,vue项目,笔记,http,网络协议,网络

 

参数位置query,vue项目,笔记,http,网络协议,网络

GET请求, query查询参数--->params传参

参数位置query,vue项目,笔记,http,网络协议,网络

参数位置query,vue项目,笔记,http,网络协议,网络

 例:POST请求,Body参数(--->route.query.参数),对应data传参

参数位置query,vue项目,笔记,http,网络协议,网络

 参数位置query,vue项目,笔记,http,网络协议,网络

例:GET请求,Path路径参数,query传参

在url中,使用了 `{}`进行占位。

参数位置query,vue项目,笔记,http,网络协议,网络

参数位置query,vue项目,笔记,http,网络协议,网络


参考:HTTP 参数类型简介_http请求参数类型_madmk的博客-CSDN博客

路径参数(Path Parameters)和查询参数(Query Parameters)_路径参数和查询参数-CSDN博客

Query和Path的区别_path参数和query参数_Larry_hyy的博客-CSDN博客


HTTP中的Query与Body_接口query和body参数指什么_skies_7的博客-CSDN博客

 网络请求之get/post与传参类型query/body - 掘金 (juejin.cn)

 前端post请求中body和query传参的区别_前端post请求参数放body_汉武大帝·的博客-CSDN博客文章来源地址https://www.toymoban.com/news/detail-735218.html

到了这里,关于HTTP参数类型中的Query和Body参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 提升 Postman 使用技巧:完全掌握 Query、Path 和 Body 参数传递

    题解 | #密码验证合格程序# #include iostream#include vectorus   题解 | #数字颠倒# import java.util.Scanner;// 注意类名必须为 Main, 不要有任何 pa   淘天一面 面经 淘天一面:计算机开机的过程经历了什么?站在计算机这个视角,为什么要有操作系统?操作系统的虚拟化技术(   美团前端

    2024年04月13日
    浏览(38)
  • SpringCloud Gateway 网关请求中body、query、header参数的获取和修改

          最近在开发中要改造一个普通SpringBoot接口服务为SpringCloud Gateway网关服务,并且需要在网关做验签,由于我们这个服务需要对外几个第三方平台提供接口,每家请求的传参形式都不同,有将签名信息放请求头、也有将签名信息放query参数、还有直接放body中的,请求头

    2024年01月23日
    浏览(50)
  • Vue 删除query中个别参数或清除query

    在写项目过程中涉及到一个需求,大概形容一下就是第一次进入会有一个编辑弹窗,如果点击编辑弹窗的保存按钮后,刷新页面,弹窗则不在弹出。

    2024年02月16日
    浏览(30)
  • 【uniapp】获取url中的参数this.$route.query或this.$mp.query

    在uniapp中获取url中的参数值可以通过 this.$route.query 或者 this.$mp.query 来获取。 假设你要获取url中的code参数,可以使用以下代码: 或者 其中,第一种方法适用于h5、APP和微信小程序等平台,而第二种方法只适用于微信小程序平台。

    2024年02月14日
    浏览(29)
  • Vue Router携带并接收query、params参数方式

    传递参数 【方式一:通过查询字符串直接拼接在路径后面】 【方式二:传递一个对象,路径是path属性,拼接的参数是query属性,推荐】 接收参数 【直接在$route.query中获取】 router/index.js 【需要在router中配置path、name】 传递参数 接收参数 在router/index.js中配置props属性 接收参

    2024年02月13日
    浏览(27)
  • vue使用路由的query配置项时如何清除地址栏的参数

    写vue项目时,如果想通过 路由的query配置项 把参数从一个组件传到另一个组件,但是又不希望 ?id=xxx 显示在地址栏(如: http://localhost:8080/test?id=xxx 的?id=xxx ),该怎么做: 举一个案例: 把Movies.vue的hello参数传到Cinemas.vue 在Movies.vue写: 在Cinemas.vue写: 解决方案一:清空que

    2024年02月16日
    浏览(31)
  • 在vue3+ts项目里使用query和params传参

    一 query 传参 (类似get请求) query 传参方式① 传递方组件 home.vue 看下 router/index.ts 文件 有两个注意点 ① ref定义响应式基本类型数据后,修改和赋值要带上 .value ② query是一个对象类型 所以我们定义的基本类型数据不能直接赋值 要给对象式写法 {} 像以下两种写法都是报错的

    2024年01月17日
    浏览(27)
  • Vue2路由:手动配置使用路由&路由嵌套、路由动态传参(:参数,query、props)、编程式导航(back、go)、导航守卫

    过了一遍vue2的router,整理一下小结 目录 一、前端路由的概念与原理 1.1 什么是路由 1.2 路由的工作方式 二、vue-router的基本使用 2.1 安装、配置、使用router 2.2 redirect重定向 三、嵌套路由 3.1 声明子路由的规则 3.2 默认子路由 四、动态路由 4.1 动态路由的概念 4.2 动态路由取参方

    2024年02月05日
    浏览(34)
  • axios query传数组参数的格式

    在 Axios 中,当你需要传递数组参数时,可以使用以下几种方式进行格式化: 使用  paramsSerializer 将数组转换为逗号分隔的字符串: 这将发送一个类似于以下的请求:   https://api.example.com/endpoint?array=param1,param2,param3  使用   indices   格式(默认行为): 这将发送一个类似于以

    2024年01月20日
    浏览(29)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包