http请求报文

请求行：请求方法 请求的url http协议及版本。

请求头：一大堆的键值对。

空行指的是：当服务器在解析请求头的时候，如果遇到了空行，则表明，后面的内容是请求体。

请求体：数据部分(可以为空)。

http响应报文

状态行：http协议及版本 状态码 状态描述。

响应头：一大堆的键值对。

空行：当服务器在解析响应头的时候，如果遇到了空行，则表明，后面的内容是响应体。

响应体：数据部分(可以为空)。

PS:Content-Type标注了请求体/响应体的数据格式

http方法

GET：获取资源

POST：传输资源

put：更新资源

PATCH：更新部分资源

DELETE：删除资源

HEAD：获得报文首部

GET与POST的几点区别

浏览器在回退时，get不会重新请求，但post会重新请求。

get请求会被浏览器主动缓存，而post不会。

get请求的参数，会保留在浏览器的历史记录里，而post不会。

get请求在url中传递的参数有大小限制，基本是2kb，不同的浏览器略有不同。

get参数是直接暴露在url上的,而post是放在请求体中的。

http状态码

1xx:提示信息-请求已接收，继续处理

2xx:成功-请求已被成功接收

3xx:重定向

4xx:客户端错误-请求有语法错误或无法实现

5xx:服务器错误

用Chrome开发者工具查看 HTTP 请求内容

以百度为例看get请求

打开 Network

点击view source

登录百度，看post请求

勾上Preserve log,点击登录

FormData 里可以看到请求体里的密码

用Chrome开发者工具查看 HTTP 响应内容

依然以百度为例，查看response部分，点击view source

curl命令的使用

1.命令功能

curl命令是一个利用URL规则在命令行下工作的文件传输工具。它支持文件的上传和下载

2.命令格式

curl [选项] [URL]

3.常见使用方法

curl url

查看网页源码

curl -X

指定请求方式

curl -X post

curl -c

保存 Cookie

curl -c "保存cookie的文件名" http://www.example.com

curl -b

读取cookie

curl -b "cookie字符串或文件名" http://www.example.com

curl -d

使用-d发送带参数的请求，如果省略 -X，则默认为 POST 方式

curl -d "userName=abc" http://www.example.com/login

curl -H

自定义Header头信息

curl -H "Content-Type:text/html" http://www.example.com

curl -v

显示请求的信息 ，包括端口连接和 http 头。

curl -i

显示http头，连同网页代码。

curl -I

只显示http头。

提交表单信息

浏览器每次向服务器发送url时都会进行编码，然后服务器再进行解码。

所以用curl提交表单时，所传参数都必须进行编码

1.header不需要加urlencode，浏览器会自动编码

2.post和get所传参数没有编码的话需要加urlencode

$ curl -X POST --data-urlencode "data=哈哈abc" example.com/form

【Ajax技术】Ajax技术概述

使用Ajax的异步请求方式,浏览器无须频繁的加载新页面,服务器的响应不再是整个页面内容,而只是必须更新的部分数据。Ajax可以减轻服务器和带宽的负担,提供更好的服务。总结：Ajax效果： 1.改善表单验证方式，不需要...

文章

光仔december

2015-07-31

1107浏览量

Ajax初步理解

Ajax的核心是JavaScript对象XmlHttpRequest，这个对象为向服务器发送请求和解析服务器响应提供了流畅的接口。XmlHttpRequest可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。XHR对象由IE5率先引入，在...

文章

橘子红了呐

2017-11-21

956浏览量

ajax基础

当Ajax引擎的状态属性为readyState为4时,说明服务器的响应已经发送给Ajax请求了. HTTP状态码(xmlHttpRequest) 100:信息类,表示web浏览器请求,正在进一步的处理中 200:成功,表示用户请求被正确接收正在进一步的处理...

文章

龙神之怒

2017-09-03

1092浏览量

云服务器 精选特惠

新用户低至0.55折起，爆款免费试用3个月

广告

Web：AJAX的详解

10、一个HTTP响应一般由三部分组成(1)一个数字和文字组成的状态码，用来显示请求是成功还是失败(2)响应头，响应头也和请求头一样包含许多有用的的信息，例如服务器类型，日期时间，内容类型和长度等。(3)响应体，也...

文章

吞吞吐吐的

2017-10-18

978浏览量

[存档]名词解释

由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于...

文章

长征6号

2017-03-27

646浏览量

Ajax学习

XMLHTTP默认(也推荐)不是同步请求的，也就是open方法并不等服务器响应数据才返回，而是监听服务器 返回的数据，因此需要监听onreadystatechange事件。xmlHttp.onreadystatechange=function(){ if(xmlHttp....

文章

最美的回忆

2017-02-09

734浏览量

《Web异步与实时交互——iframe AJAX WebSocket开发...

这种技术通过异步通信和响应，来完成页面的局部刷新，以此改善传统Web应用中大量不必要的整页刷新，从而提高响应的效率，让用户更快地得到操作结果，减少中间的等待时间。同时AJAX作为浏览器端技术，极大地改善页面...

文章

异步社区

2017-05-02

1821浏览量

Mui-app与服务器之间的交互原理、mui ajax使用

若超过设置的超时时间(非0的情况)，依然未收到服务器响应，则触发error回调 type 请求方式，目前仅支持'GET'和'POST'，默认为'GET'方式 headers 指定HTTP请求的Header 一个完整示例 lt;script type="text/javascript...

文章

科技小毛

2017-10-12

1048浏览量

Ajax学习

XMLHTTP默认(也推荐)不是同步请求的，也就是open方法并不等服务器响应数据才返回，而是监听服务器 返回的数据，因此需要监听onreadystatechange事件。xmlHttp.onreadystatechange=function(){ if(xmlHttp....

文章

shy丶gril

2016-05-23

1243浏览量

Ajax大显身手

改进版:防止每次发送发送Ajax请求，需要在发送请求的url上带一个时间参数。GET:不会改变服务器上任何事物的数据机获取方式。如果需要，还可以通过URL传入少量的数据给服务器。POST:传送数据给服务器，因为某种方式会...

文章

liminjun88

2016-04-21

869浏览量

Mui-app与服务器之间的交互原理、mui ajax使用

若超过设置的超时时间(非0的情况)，依然未收到服务器响应，则触发error回调 type 请求方式，目前仅支持'GET'和'POST'，默认为'GET'方式 headers 指定HTTP请求的Header 一个完整示例 lt;script type="text/javascript...

文章

科技小毛

2017-10-12

1454浏览量

《Web异步与实时交互——iframe AJAX WebSocket开发...

需要注意的是，在第4步服务器响应请求后是否断开连接，要看协议版本(HTTP 1.0协议在服务器响应后，会关闭连接；HTTP 1.1协议在服务器响应后，默认会保持连接，直到超时或出错)，要看是否客户端主动请求断开连接、...

文章

异步社区

2017-05-02

1437浏览量

【AJAX】AJAX技术详细解析以及实例

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。当 readyState 等于 4 且状态为 200 时，表示响应已就绪： xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState...

文章

谙忆

2016-08-23

836浏览量

AJAX编程实践

Ajax的工作原理相当于在用户和服务器之间加了—个中间层，使用户操作与服务器响应异步化。这样把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约...

文章

朱培

2016-06-21

1049浏览量

js ajax 异步 同步 区别

这意味着如果响应时间很长，则用户在浏览器收到响应之前是将无法与其交互的。基于这个原因，Ajax应用程序开发的最佳实践是，使用异步请求来实现数据获取，使用同步请 求来实现与服务器之间发送和接收简单的消息。用...

文章

西游不取经

2015-09-17

604浏览量

AJAX-基本知识

通过Ajax,JavaScript无需等待服务器响应，而是： 1.在等待服务器响应期间执行其它脚本 2.当响应就绪后对响应进行处理 当Async=True时，应设置onreadystatechange事件中处于就绪状态时的执行函数： xmlhttp....

文章

suifeng3051

2013-12-17

1024浏览量

ASP.NET MVC实战：jQuery调用Ajax缓存

服务器端响应里设置过期时间 服务器端设置过期时间用于缓存数据，该条目在客户端将依据过期时间被缓存。JS代码： ('#expires').click(function(){ ajax({ url:'/Home/Expires', ifModified:false, cache:true, ...

文章

余二五

2017-11-16

719浏览量

有状态的 web 应用

服务器返回的响应页面里依然有我们的用户名显示着，这样看来这些应用似乎都会维持它们的状态。在本章，我们会通过讨论一下这是怎么回事，看看 web 开发者常用的实现“有状态”体验的技术手段。同时，也会讨论一些...

文章

王爵nice

2016-05-14

1523浏览量

有状态的 web 应用

服务器返回的响应页面里依然有我们的用户名显示着，这样看来这些应用似乎都会维持它们的状态。在本章，我们会通过讨论一下这是怎么回事，看看 web 开发者常用的实现“有状态”体验的技术手段。同时，也会讨论一些...

文章

王爵nice

2016-05-14

1334浏览量

PHP开源AJAX框架

服务器端响应由于xajax响应对象创建，该对象提供非常多的命令比如：给一个HTML元素赋值，显示一个警告对话框等。还支持自定义脚本输出。所有特定浏览器代码(如使用XMLHttpRequest)都是抽象的，并且发送各种数据类型...

文章

wangccsy

2008-11-08

639浏览量

有状态的 web 应用

服务器返回的响应页面里依然有我们的用户名显示着，这样看来这些应用似乎都会维持它们的状态。在本章，我们会通过讨论一下这是怎么回事，看看 web 开发者常用的实现“有状态”体验的技术手段。同时，也会讨论一些...

文章

王爵nice

2016-05-14

933浏览量

ajax中的高级请求和响应

相反，服务器只会返回资源的 头(header)，这包括响应中内容最后修改的时间、请求资源是否存在和很多其他有用信息。您可以在服务器处理并返回资源之前使用这些信息来了解有关资源的信息。对于这种请求您可以做的最...

文章

slalx_1986

2008-10-20

1085浏览量

ThingJS：Ajax仅用20行代码进行数据维护

ThingJS的理念核心是轻量化，我们推荐Ajax数据维护方法，不用花时间更新全部页面，只需要改变少量信息，即可快速回应用户。为什么Ajax 通过XHR 实现Ajax 通信的一个主要限制，来源于跨域安全策略。默认情况下，XHR ...

文章

游客g5eizyrh6cvnm

2020-08-26

58浏览量

AJAX-基本知识

通过Ajax,JavaScript无需等待服务器响应，而是： 1.在等待服务器响应期间执行其它脚本 2.当响应就绪后对响应进行处理 当Async=True时，应设置onreadystatechange事件中处于就绪状态时的执行函数： xmlhttp....

文章

老嗨

2013-12-17

1317浏览量

《Web异步与实时交互——iframe AJAX WebSocket开发...

为了解决之前技术更新页面时，服务器端响应时间长、页面刷新速度慢、用户体验度差等问题，使用iframe模拟异步交互技术来实现局部刷新页面获取数据。iframe是一种HTML标签，它会创建包含另外一个文档的内联框架。通过...

文章

异步社区

2017-05-02

1531浏览量

《jQuery与JavaScript入门经典》——2.5　分析网络...

本节书摘来自异步社区《jQuery与JavaScript入门经典》一书中的第2章，第2.5节，作者：【美】Brad Dayley著，更多章节内容可以访问云栖...以JSON方式接收AJAX请求的响应时，这很有用，让您能够查看从服务器获取的数据。

文章

异步社区

2017-05-02

1046浏览量

Ajax原理一篇就够了

3.服务器响应处理(区分同步跟异步两种情况) responseText 获得字符串形式的响应数据。responseXML 获得XML 形式的响应数据。①同步处理 1.xhr.open("GET","info.txt",false);2.xhr.send();3.document....

文章

我是小助手

2018-06-13

934浏览量

浅析ajax原理与用法

javaScript回调函数.(客户端可以不需要等到服务器响应才能运行) (2)XML是一种标记语言,是ajax与后台交互传输数据格式之一 (3)ajax只能向同源网站发起Http请求(端口,协议,域名都相同),跨域请求会报错 利用Ajax可以...

文章

蓝色の流星VIP

2018-05-24

1049浏览量

AJAX服务器异步通信

AJAX的工作原理相当与在用户和服务器之间加了一个中间层，使用户请求与服务器响应异步化(我们经常用它来做数据校验)。这样还可以把以前的一些服务器负担的工作转交给客户端，利用客户端闲置的处理能力来处理这些...

文章

聚优云惠

2013-11-15

646浏览量

Ajax学习-XMLHttpRequest对象

onreadystatechange属性存有处理服务器响应的函数。我们定义一个空的函数，可以同时对onreadystatechange属性进行设置： xmlHttp.onreadystatechange=function() { 我们需要在这里写一些代码 } readyState属性： ...

文章

技术小胖子

2017-11-14

674浏览量