深入理解HTTP协议之POST方法——ajax实例
- 作者：吴俊杰
- 性别：男
- 邮箱：sshroot@126.com
- 文章类型：原创
- 博客：http://www.cnblogs.com/voiphudong/
一、说明
http协议其实是一个相对比较简单的应用层协议，这么多年来无数前端爱好者前仆后继的在学习和研究它。本着知其然还要知其所以然，授人以渔的精神，将自己对http的一些浅见用事实加以说明，希望抛砖引玉，供大家学习交流，欢迎吐槽。在鄙视与被鄙视中学习和进步。
二、http协议说明
1）http 协议格式，报头，请求行，应答行，头部域，数据部分的知识请百度、google。这里要说明两点知识，与本文有关
1. http协议的头部和数据部分使用一个空行\r\n 隔开的，对于GET方法，没有数据部分；对于POST方法，数据部分是附加为http数据包的数据部分发送给服务器的
2. http POST方法，客户端POST过去的数据一般是必须在http协议头部有明确字节数说明的
三、实验用到的工具软件
firefox的firebug插件
大名鼎鼎的抓包工具wireshark
四、实例说明
1）正常情况下的html表单提交
html源码如下:
<!DOCTYPE HTML>
<html>
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
</head>
<body>
<form action="a2.php" name="form1" method="post">
姓名：<input type="text" name="username" value="wjj">
年龄：<input type="text" name="age" value="26">
<input type="submit" value="提交">
</form>
</body>
......
显示如下：
点击“提交”按钮后，firebug显示表单提交如下：
在看看POST请求头部信息，如下：
这里我提出一个疑问：为什么http请求头部中的 Content-Length的值为19，下面我们来分析一下wireshark数据抓包的结果，如下:
可以看到，在数据抓包中，明显的就给出了http协议的所有字节。现在直接给出结果：字符串（不含引号）“username=wjj&age=26”附在POST请求头的后面,由\r\n(图中第3条红线标记)空行来分割http请求头和其中的数据部分，字符串作为数据部分，长度正好是19Byte ，所以 http头部的 Content-Length: 域的值为19
2）弄明白上述原理后，我下面就直接给出几个结论，其中都是我抓取数据包证实过的，尤其是ajax的理解。
1. 普通的html表单提交，就是把form域中的表单，组织成“查询字符串形式”，例如上面的：“username=wjj&age=26”，有“=”和"&"，放在http协议的数据部分，提交给web服务器处理，web服务器端的脚本语言，例如PHP可以把这些查询字符串格式的数据分割成$_POST的关联数组，通过这种方式取到表单值。上面的例子充分可以证实这个结论。
2. 如果在Linux下面运行 wget --post-data="xxxxxxxx" url的命令来发送post请求 ,或者是post curl推送，都是把数据“xxxxxxxx”作为http协议数据发送给服务器端，但是此处没有 AAA=BBB 这样查询字符串的数据形式，那么web服务器端的php脚本就没法构成$_POST数组，如果是用： wget --post-data="u=wjj&p=123" ,那么在服务器端就可以通过$_POST['u']和$_POSt['123']去到值。请自行抓包分析。
3）对于jquery的ajax提交，分两种情况说明：
第一，data的值是字符串格式，如下：
function dosubmit(){
var url = "a2.php";
var str = "username=wjj&age=18";
//alert(str);return false;
$.ajax({
type: 'POST',
url: url,
data: str,
dataType: "html",
success: function(text){
alert(text);
}
});
上面jquery的ajax是直接把str字符串的值，作为POST请求的数据部分发送到服务器端的，至于服务器端接受到数据后的处理，和其它情况就一样了
第二，data的值是对象格式，如下：
function dosubmit(){
var url = "a2.php";
var obj = {u:'wjj',a:18,secret:'ab12'};
$.ajax({
type: 'POST',
url: url,
data: obj,
dataType: "html",
success: function(text){
alert(text);
}
});
}
上面ajax构造http头部和数据部分发送数据的时候是这样处理的，它是把对象var obj = {u:'wjj',a:18,secret:'ab12'}进行构造，构造成字符串“u=wjj&a=18&secret=ab12”的形式，然后作为http POST的数据部分发送给服务器端的。可以用wireshark抓包证明。
五、请自行测试，不早了，睡觉！
深入理解HTTP协议之POST方法——ajax实例的更多相关文章
- 【学习】014 深入理解Http协议
Http协议入门 什么是http协议 http协议: 对浏览器客户端 和 服务器端 之间数据传输的格式规范 查看http协议的工具 1)使用火狐的firebug插件(右键->firebug-& ...
- 转载和积累系列 - 深入理解HTTP协议
深入理解HTTP协议 1. 基础概念篇 1.1 介绍 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(World Wide Web C ...
- 深入理解HTTP协议、HTTP协议原理分析【转】
转自:http://blog.csdn.net/lmh12506/article/details/7794512 版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[-] 基础概念篇 ...
- 深入理解HTTP协议（转） 浏览器和服务器如何通信(HTTP协议)
http协议学习系列 1. 基础概念篇 1.1 介绍 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(World Wide Web C ...
- 深入理解HTTP协议（转）
http协议学习系列 1. 基础概念篇 1.1 介绍 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(World Wide Web C ...
- 爬虫入门系列（一）：快速理解HTTP协议
4月份给自己挖一个爬虫系列的坑,主要涉及HTTP 协议.正则表达式.爬虫框架 Scrapy.消息队列.数据库等内容. 爬虫的基本原理是模拟浏览器进行 HTTP 请求,理解 HTTP 协议是写爬虫的必备 ...
- 深入理解AMQP协议
深入理解AMQP协议 2018年10月22日 12:32:16 一剑何风情 阅读数:1941 文章目录 一.AMQP 是什么 二.AMQP模型 工作过程 深入理解 三.Exchange交换机 默认 ...
- 网络编程懒人入门(六)：深入浅出，全面理解HTTP协议
本文引用了自简书作者“涤生_Woo”的文章,内容有删减,感谢原作者的分享. 1.前言 HTTP(全称超文本传输协议,英文全称HyperText Transfer Protocol)是互联网上应用最为广 ...
- (转存 作者未知)深入理解HTML协议
深入理解HTML协议 http协议学 习系列 1. 基础概念篇 1.1 介绍 HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写.它的发展是万维网协会(Worl ...
随机推荐
- oracle function用法（本文来自百度文库）
函数调用限制 1.SQL语句中只能调用存储函数(服务器端),而不能调用客户端的函数 2.SQL只能调用带有输入参数,不能带有输出,输入输出函数 3.SQL不能使用PL/SQL的特有数据类型(boole ...
- layer弹出相册层
如果想要制作一个简单的相册,可以采用这个插件的方法.如果你的图片是从后台传过来的json格式里,可以通过ajax加载让图片显示在页面上,然后在使用layer插件,做出点击以后就可以查看大图的效果. 一 ...
- 无法访问 MemoryStream 的内部缓冲区
无法访问 MemoryStream 的内部缓冲区 在处理剪贴板数据时, ms.GetBuffer() 语句出现异常,代码如下: //检索当前位于系统剪贴板中的数据 IDataObject ido = ...
- 隔行扫瞄/逐行扫瞄的介绍（Interlaced / Progressive）
隔行扫瞄/逐行扫瞄的介绍(Interlaced / Progressive) 本篇不是着重在理论说明, 而是实际验証结果的分享, 所以只简略解释何谓交错与非交错, 请参考如后. 交错扫瞄(隔行扫瞄 ...
- django会话跟踪技术
目录 django中的会话跟踪技术 什么是会话跟踪技术 HTTP无状态协议 Cookie概述 什么是cookie cookie源码 cookie超长时间 cookie超长时间 cookie生效路径 删 ...
- 算法训练 Multithreading
算法训练 Multithreading 时间限制:1.0s 内存限制:256.0MB 问题描述 现有如下一个算法: repeat ni times yi := y y := yi+ ...
- Unity 3D游戏-见缝插针源码
Unity见缝插针功能实现 本文提供全流程,中文翻译.Chinar坚持将简单的生活方式,带给世人!(拥有更好的阅读体验 -- 高分辨率用户请根据需求调整网页缩放比例) 1 Sphere Rotatio ...
- 51Nod 1002：数塔取数问题（DP）
1002 数塔取数问题 基准时间限制:1 秒 空间限制:131072 KB 分值: 5 难度:1级算法题 收藏 关注 一个高度为N的由正整数组成的三角形,从上走到下,求经过的数字和的最大值. 每 ...
- hdu1331&&hdu1579记忆化搜索(DP+DFS)
这两题是一模一样的``` 题意:给了一系列递推关系,但是由于这些递推很复杂,所以递推起来要花费很长的时间,所以我要编程序在有限的时间内输出答案. w(a, b, c): 如果a,b,c中有一个值小于等 ...
- js基础（常用语法、类型、函数）
js函数集 ·字符串(String) 1.声明 var myString = new String("Every good boy does fine."); var myS ...