快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

querystring、formData和requestpayload的区别是什么

这篇文章主要讲解了“query string、formData和request payload的区别是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“query string、formData和request payload的区别是什么”吧!

网站建设哪家好,找成都创新互联!专注于网页设计、网站建设、微信开发、微信平台小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了海州免费建站欢迎大家使用!

为什么呢?

因为,前后端的数据格式不同。即:前端给后端传输的数据格式和后端接收数据的方式不匹配。以下主要说一下前端,即:只关注请求时的数据格式。

1、地址栏传输数据

1)、query string Parameters:

当请求方式是get时,浏览器会使用查询字符串的方式进行传递数据,即:query string Parameters

查询字符串的规则:请求参数使用 URL地址和“问号传参“ 的方式进行传递----用问号把url和请求参数分开。

请求参数的格式:以键值对的方式体现,多个键值对之间用&隔开。

假设:请求地址为 newsList.php。请求参数是pageIndex和pageCount。

那么,请求的格式为:newsList.php?pageIndex=1&pageCount=10;

如下图,请求方式为get,在chrome浏览器的network里看到的是:query string Parameters

2、 请求体中传输数据

当请求方式不是get(大部分情况是post或put)时,那么请求的数据不是在url上,而是在请求体里。请求体的英文就是:request payload。但是chrome浏览器针对不同的content-type有做了区分,分别是formData和request payload。

1)、formData

content-type的值是" application/x-www-form-urlencoded"或者 multipart/form-data; boundary=----WebKitFormBoundaryBoMA1XQDUpwpxKQg 时,那么,就是用的是formData的格式传递数据

2)、request payload

content-type的值是" text/plain"或者"application/json" 时,那么,就是用的是request payload的格式传递数据

附:默认的数据格式:

1、传统的ajax请求时候,Content-Type默认为"文本"类型。

2、传统的form提交的时候,Content-Type默认为"Form"类型( application/x-www-form-urlencoded )

3、axios传递字符串的时候,Content-Type默认为"Form"类型( application/x-www-form-urlencoded )

4、axios传递对象的时候,Content-Type默认为"JSON"类型(( application/json)

感谢各位的阅读,以上就是“query string、formData和request payload的区别是什么”的内容了,经过本文的学习后,相信大家对query string、formData和request payload的区别是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前名称:querystring、formData和requestpayload的区别是什么
文章来源:http://6mz.cn/article/jojsii.html

其他资讯