资讯专栏INFORMATION COLUMN

POST 提交数据方式

niuxiaowei111 / 481人阅读

摘要:规范把请求分为三个部分状态行请求头消息主体服务端通常是根据请求头中的字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。

规范把 HTTP 请求分为三个部分:状态行、请求头(headers)、消息主体(entity-body).服务端通常是根据请求头(headers)中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。

application/x-www-form-urlencoded

浏览器的原生 form 表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据,提交的数据按照 key1=val1&key2=val2 的方式进行编码.很多时候,我们用 Ajax 提交数据时,也是使用这种方式.

multipart/form-data

这种方式一般用来上传文件

application/json

用来告诉服务端消息主体是序列化后的 JSON 字符串(用JSON.stringify处理数据)
Google 的 AngularJS 中的 Ajax 功能,以及Vue官方推荐组件axios默认就是提交 JSON 字符串

text/xml

没用过,略

使用 application/x-www-form-urlencoded 格式化

"Content-Type":"application/xxxx-form"

在浏览器中你可以如下使用 URLSearchParams API:

var params = new URLSearchParams();
params.append("param1","value1");
params.append("param2","value2");
axios.post("/foo",params);

使用 qs 库来格式化数据
var qs = require("qs");
axios.post("/foo", qs.stringify({"bar":123}));

在nodejs中,你可以如下使用 querystring :

var querystring = require("querystring");
axios.post("http://something.com/", querystring.stringify({foo:"bar"}));

使用 application/json 格式化

"Content-Type":"application/json"

const postData=JSON.stringify(this.formCustomer);

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/89835.html

相关文章

  • POST 请求的三种常见数据提交格式

    摘要:一般使用请求方法向服务器发送数据主要是一些创建更新操作,本文讨论的是请求方法常用的四种数据提交格式。其实就是和请求的数据提交格式是一样的,只不过位置从上换到了里。适用场景数据量不大数据层级不深的情况下强烈建议这种数据提交格式。 本文所讲的 POST 请求是 HTTP/1.1 协议中规定的众多 HTTP 请求方法的其中最常用的一个。一般使用 POST 请求方法向服务器发送数据(主要是一些...

    Kylin_Mountain 评论0 收藏0
  • JS基础篇--JS之表单提交时编码类型enctype详解

    摘要:格式支持比键值对复杂得多的结构化数据,这一点也很有用。例如下面这段代码最终发送的请求是这种方案,可以方便的提交复杂的结构化数据,特别适合的接口。 简介 form的enctype属性为编码方式,常用有两种:application/x-www-form-urlencoded和multipart/form-data,默认为application/x-www-form-urlencoded。 ...

    ad6623 评论0 收藏0
  • JavaScript通信之Ajax

    摘要:表单提交在中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台,通过设置事件,可以为按钮或其它元素同样可以触发表单提交的事件账号请输入账号密码请输入密码重置重置提交表示获取页面中所有的表单,返回一个数组提交成功通过表单提交数据不需 表单提交 在HTML中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台,通过设置submit事件,可以为按钮或其它元素同样可以触发表单...

    DDreach 评论0 收藏0
  • 有关form表单常被问到的知识点

    摘要:限制表单的数据集的值必须为字符而支持整个字符集通用字符集。因此对于提交时,传输数据就会受到长度的限制。但实际各个服务器会规定对提交数据大小进行限制,都有各自的配置。这一般用于识别该用户是否拥有合法的操作权限,提高了数据的安全性。 这里排版可能不是太好,详情看我的简书 form表单有什么作用? 表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。...

    kohoh_ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<