🚙

💨 💨 💨

×

  • Categories

  • Archives

  • Tags

  • About

总结四种常见的 POST 提交数据方式

Posted on 02-27-2020 | In NP

总结一波四种常见的 POST 提交数据方式, 这文章总结得不错
转自: https://imququ.com/post/four-ways-to-post-data-in-http.html

HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据,本文主要讨论 POST 提交数据的几种方式。

我们知道,HTTP 协议是以 ASCII 码传输,建立在 TCP/IP 协议之上的应用层规范。规范把 HTTP 请求分为三个部分:~状态行~请求行、请求头、消息主体。类似于下面这样:

<method> <request-URL> <version>
<headers>

<entity-body>

协议规定 POST 提交的数据必须放在消息主体(entity-body)中,但协议并没有规定数据必须使用什么编码方式。实际上,开发者完全可以自己决定消息主体的格式,只要最后发送的 HTTP 请求满足上面的格式就可以。

但是,数据发送出去,还要服务端解析成功才有意义。一般服务端语言如 php、python 等,以及它们的 framework,都内置了自动解析常见数据格式的功能。服务端通常是根据请求头(headers)中的 Content-Type 字段来获知请求中的消息主体是用何种方式编码,再对主体进行解析。所以说到 POST 提交数据方案,包含了 Content-Type 和消息主体编码方式两部分。下面就正式开始介绍它们。

application/x-www-form-urlencoded

这应该是最常见的 POST 提交数据的方式了。浏览器的原生

表单,如果不设置 enctype 属性,那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样(无关的请求头在本文中都省略掉了):

POST http://www.example.com HTTP/1.1
Content-Type: application/x-www-form-urlencoded;charset=utf-8

title=test&sub%5B%5D=1&sub%5B%5D=2&sub%5B%5D=3

首先,Content-Type 被指定为 application/x-www-form-urlencoded;其次,提交的数据按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码。大部分服务端语言都对这种方式有很好的支持。例如 PHP 中,$_POST[‘title’] 可以获取到 title 的值,$_POST[‘sub’] 可以得到 sub 数组。

很多时候,我们用 Ajax 提交数据时,也是使用这种方式。例如 JQuery 和 QWrap 的 Ajax,Content-Type 默认值都是「application/x-www-form-urlencoded;charset=utf-8」。

multipart/form-data

这又是一个常见的 POST 数据提交的方式。我们使用表单上传文件时,必须让

表单的 enctype 等于 multipart/form-data。直接来看一个请求示例:

POST http://www.example.com HTTP/1.1
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryrGKCBY7qhFd3TrwA

------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data;

title
------WebKitFormBoundaryrGKCBY7qhFd3TrwA
Content-Disposition: form-data;
Content-Type: image/png

PNG ... content of chrome.png ...
------WebKitFormBoundaryrGKCBY7qhFd3TrwA--

这个例子稍微复杂点。首先生成了一个 boundary 用于分割不同的字段,为了避免与正文内容重复,boundary 很长很复杂。然后 Content-Type 里指明了数据是以 multipart/form-data 来编码,本次请求的 boundary 是什么内容。消息主体里按照字段个数又分为多个结构类似的部分,每部分都是以 --boundary 开始,紧接着是内容描述信息,然后是回车,最后是字段具体内容(文本或二进制)。如果传输的是文件,还要包含文件名和文件类型信息。消息主体最后以 --boundary-- 标示结束。关于 multipart/form-data 的详细定义,请前往 rfc1867 查看。

这种方式一般用来上传文件,各大服务端语言对它也有着良好的支持。

上面提到的这两种 POST 数据的方式,都是浏览器原生支持的,而且现阶段标准中原生

表单也只支持这两种方式(通过 元素的 enctype 属性指定,默认为 application/x-www-form-urlencoded。其实 enctype 还支持 text/plain,不过用得非常少)。

随着越来越多的 Web 站点,尤其是 WebApp,全部使用 Ajax 进行数据交互之后,我们完全可以定义新的数据提交方式,给开发带来更多便利。

application/json

application/json 这个 Content-Type 作为响应头大家肯定不陌生。实际上,现在越来越多的人把它作为请求头,用来告诉服务端消息主体是序列化后的 JSON 字符串。由于 JSON 规范的流行,除了低版本 IE 之外的各大浏览器都原生支持 JSON.stringify,服务端语言也都有处理 JSON 的函数,使用 JSON 不会遇上什么麻烦。

JSON 格式支持比键值对复杂得多的结构化数据,这一点也很有用。记得我几年前做一个项目时,需要提交的数据层次非常深,我就是把数据 JSON 序列化之后来提交的。不过当时我是把 JSON 字符串作为 val,仍然放在键值对里,以 x-www-form-urlencoded 方式提交。

Google 的 AngularJS 中的 Ajax 功能,默认就是提交 JSON 字符串。例如下面这段代码:

var data = {'title':'test', 'sub' : [1,2,3]};
$http.post(url, data).success(function(result) {
...
});

最终发送的请求是:

POST http://www.example.com HTTP/1.1 
Content-Type: application/json;charset=utf-8

{"title":"test","sub":[1,2,3]}

这种方案,可以方便的提交复杂的结构化数据,特别适合 RESTful 的接口。各大抓包工具如 Chrome 自带的开发者工具、Firebug、Fiddler,都会以树形结构展示 JSON 数据,非常友好。但也有些服务端语言还没有支持这种方式,例如 php 就无法通过 $_POST 对象从上面的请求中获得内容。这时候,需要自己动手处理下:在请求头中 Content-Type 为 application/json 时,从 php://input 里获得原始输入流,再 json_decode 成对象。一些 php 框架已经开始这么做了。

当然 AngularJS 也可以配置为使用 x-www-form-urlencoded 方式提交数据。如有需要,可以参考这篇文章。

text/xml

我的博客之前提到过 XML-RPC(XML Remote Procedure Call)。它是一种使用 HTTP 作为传输协议,XML 作为编码方式的远程调用规范。典型的 XML-RPC 请求是这样的:

POST http://www.example.com HTTP/1.1 
Content-Type: text/xml

<?xml version="1.0"?>
<methodCall>
<methodName>examples.getStateName</methodName>
<params>
<param>
<value><i4>41</i4></value>
</param>
</params>
</methodCall>

XML-RPC 协议简单、功能够用,各种语言的实现都有。它的使用也很广泛,如 WordPress 的 XML-RPC Api,搜索引擎的 ping 服务等等。JavaScript 中,也有现成的库支持以这种方式进行数据交互,能很好的支持已有的 XML-RPC 服务。不过,我个人觉得 XML 结构还是过于臃肿,一般场景用 JSON 会更灵活方便。

Win10禁止自动更新踩坑

Posted on 01-09-2020 | In Misc

写个定时命令(推荐此方法且已集成到nox)

已经集成到nox中

You can also create a stop and start script for Windows Update.

Create a Notepad file with each of the following and save them with the .bat extension.

stop-upadtes.bat
sc config wuauserv start= disabled
net stop wuauserv

sc config bits start= disabled
net stop bits

sc config dosvc start= disabled
net stop dosvc

pause
start-updates.bat
sc config wuauserv start= auto
net start wuauserv

sc config bits start= auto
net start bits

sc config dosvc start= auto
net start dosvc

pause

Just right click on stop-upadtes.bat and select “Run as Administrator”

Source: http://sdbr.net/windows-10-update-failure/

My sincere thanks to MVP, Greg Carmack for the help with finding this.

. . .

Win10系统下怎么让所有程序都默认以管理员身份运行

Posted on 01-01-2020 | In Misc

当我们在win10系统中运行一些程序的时候,经常会提示需要管理员身份才能运行,但是每次都要右键选择以管理员身份运行很麻烦,那么Win10系统下怎么让所有程序都默认以管理员身份运行呢?
. . .

vscode用markdown画uml

Posted on 12-10-2019 | In Misc

需要安装的vsc插件


  • Markdown All in One
  • Markdown Preview Enhanced
  • PlantUML

备注:

  1. Markdown All in One,VSCode 中支持 Markdown(键盘快捷键、目录、自动预览等)
  2. Markdown Preview Enhanced 可以对 Markdown 做增强预览, 比如支持各种绘图等
  3. PlantUML, 一款很强大的,并且可以绘制各种图形的脚本语言。需要安装 java

. . .

Visual Studio 2017 各版本安装包离线下载、安装全解析

Posted on 12-08-2019 | In Misc

中文乱码解决方案

问题: 如果你用非简体中文版(比如英文版/繁体中文版)的vs来打开含有简体中文的项目, 则会乱码.

下面是繁体vs的解决方案(英文版vs解决方案也是一样):

现在我来说怎么解决在繁体VS中打开简体VS中开发的项目:

首先要明白VS中项目文件的编码方式,并不是所有文件的编码方式都一样如web.config之类的xml会以UTF-8方式保存,其他文件则和你的vs设定有关。默认情况下vs是以系统语言为准,比如简体系统就会以gb2312存,繁体则以big来存或者以uft-8来存如果是以uft-8来存,则不存在乱码问题。

简体vs中保存带有中文简体的项目,文件一般被保存为gb2312,(不过建议是保存为UTF-8,这样根本不会乱码) 在繁体vs中打开时需要设定,默认情况vs会根据系统里的设置来打开非unicode文件。 gb2312就是非unicode,所以将操作系统设置为支持简体中文即可。

设置方法如下:控制面板–区域语言选项–高级–非unicode程式语言:设置为简体中文(不要勾下面的beta: USE unicode blabla...), 这样重启系统后,用vs打开原来的简体项目,就正常了。 这个设置其实就是告诉操作系统和相关软件,如果语言不是unicode,则以中文PRC即GB2312来显示,且不会影响本来就是unicode的程式和软件,但会影响简体中文以外的非unicode的,比如如果你的繁体软件用的是big5编码(非unicode),则会乱码。

所以,最好还是用unicode来编码喽。

. . .

SSR client

Posted on 12-08-2019 | In Misc

. . .

vscode用cl来编译c++

Posted on 12-08-2019 | In Misc

在 Windows 下,想要编译 C++ 程序有很多种实现方式,Clang+LLVM,GCC,MSVC 等。一般而言,要想使用微软的 MSVC 编译 C++ 程序,需要用到庞大的 IDE:Visual Studio。然而如果平常随便写个代码都要调用 Visual Studio,无疑造成很大的不便。安装 Visual Studio 后,其实可以用命令行编译 C++ 程序,这需要一些小小的配置:

. . .

1234567891011121314151617181920…36
Mike

Mike

🚙 🚗 💨 💨 If you want to create a blog like this, just follow my open-source project, "hexo-theme-neo", click the GitHub button below and check it out ^_^ . It is recommended to use Chrome, Safari, or Edge to read this blog since this blog was developed on Edge (Chromium kernel version) and tested on Safari.

11 categories
287 posts
110 tags
about
GitHub Spotify
© 2013 - 2025 Mike