HTTP基本知识

概念

HTTP(Hyper Text Transfer Protocol)，即超文本传输协议，目前网页传输的通用协议。

特点

1. 支持客户/服务器模式

2. 简单快速

   客户向服务器请求服务时，只需传送请求方法和路径

3. 灵活

   HTTP允许传输任意类型的数据对象，传输的类型有Content-Type加以标记

4. 无连接

   无连接的含义是限制每次连接只处理一个请求，服务器处理完客户端的请求，并且收到客户端的应答后，即断开连接。采用这种方式可以节省传输时间。

5. 无状态

   HTTP协议是无状态的。无状态是指协议对于事务处理没有记忆能力，缺少状态意味着后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息的时候，它的应答会较快。

详解

组成

1. message-header

   http header消息通常分为4个部分

   • general header
   • request header
   • response header

   • entity header

     由于之间的界限不是很明确，大致分为Request和Response两个部分

1. message-body

URL

URL是一种特殊类型的URI，包含了用于查找某个资源足够的信息，它的格式为

http://host[":"port][abs_path]

Request

http请求由3个部分组成

1. 请求行
2. 消息报头（在HTTP Header详述）
3. 请求正文

其中，请求行的格式：

Method Request-URI HTTP-Version CRLF（换行或回车）

Method（请求方法），有以下几种

Request-URI（统一资源标识符）

HTTP-Version：目前有HTTP1.0/HTTP1.1，HTTP2.0也在实践中了

Response

http响应也是3个部分组成：

1. 状态行
2. 消息报头（在HTTP Header详述）
3. 响应正文

状态行的格式为：

HTTP-Version Status-Code Reason-Phrase CRLF

HTTP-Version

Status-Code（状态代码）

常见的状态码

Reason-Phrase（状态代码的文本描述）

HTTP Header

Request部分

Response部分

页面中的HTTP

JavaScript操纵HTTP的方法

1. 用脚本设置window对象的location属性

2. 调用表单对象的submit()方法

3. Ajax技术的实现

Ajax

概念

描述了一种主要使用脚本操作HTTP的Web应用架构。

特点

使用脚本操纵HTTP和Web服务器进行数据交换，不会导致页面重载。

Comet

Comet是和使用脚本操纵HTTP的Web应用架构相关的术语。在Comet中，Web服务器发起通信并异步发送消息到客户端。如果客户端要响应服务器发送的消息，则会使用Ajax技术发送或请求数据。

在Ajax中，客户端从服务器端拉数据；在Comet中，服务器向客户端推数据。

实现Ajax传输的方式

1. 的src属性

   这个元素无法实现完整的Ajax传输协议，因为数据交换是单向的，客户端发送数据到服务器，但服务器的响应一直是张图片导致客户端无法轻易从中提取信息。

2. 的src属性

   为了把这个元素作为Ajax的传输协议来使用，脚本首先要把发送给Web服务器的信息编码到URL中，然后设置这个元素的src为URL。服务器能创建一个包含响应内容的HTML文档，并把它返回给Web浏览器，并且在中显示。

   此外，还需对用户不可见。

   脚本能通过遍历的文档对象来读取服务器端的响应，这种访问受限于同源策略。

3. <script>的src属性（JSONP）

   <script>的src属性能设置URL并发起HTTP GET请求。它可以跨域通信而不受限于同源策略。使用基于<script>的Ajax传输协议时，服务器的响应采用JSON编码的数据格式，当执行脚本时，JavaScript解析器能自动将其"解码"。

   由于使用JSON数据格式，因此这种Ajax传输协议又叫JSONP。

4. XMLHttpRequest对象

   XMLHttpRequest对象定义了用脚本操纵HTTP的API，包含GET和POST请求的能力，异步使用，能用于HTTP和HTTPS请求，能获取任何类型的文本文档。

XMLHttpRequest

实例化

var request = new XMLHttpRequest(); //IE7+和其他浏览器

HTTP请求（4个部分）

1. HTTP请求方法或"动作"

   • GET：当请求对服务器没有任何副作用以及当服务器的响应是可缓存的。

   • POST：常用于HTML表单，在请求主体中包含额外的数据，且这些数据常存储到服务器上的数据库中（副作用）

   • HEAD：得到广泛支持

1. 正在请求的URL

   如果指定绝对URL，协议、主机和端口通常必须匹配所在的文档对应的内容，跨域的请求通常会报错（2级的XmlHttpRequest规范允许）。

以上的调用open()来设置

request.open('GET', //开始一个HTTP GET请求
            'data.csv'); //URL的内容

1. 可选的请求头集合

   调用setRequestHeader()来设置请求头，当对相同的头调用多次的setRequestHeader()，新值不会取代之前指定的值，相反，HTTP请求将包含这个头的多个副本或这个头指定多个值。

   此外，XMLHttpRequest将自动添加某些头而防止伪造它们，因此无法自行指定这些头。

   Accept-Charset Content-Transfer-Encoding TE Accept-Encoding Date Trailer Connection Expect Transfer-Encoding Content-Length Host Upgrade Cookie Keep-Alive User-Agent Cookie2 Referer Via

   常见的，在POST请求中，需要设置请求主题的MIME类型

    request.setRequestHeader('Content-Type','text/plain');

   1. 可选的请求主体，并向服务器发送请求

    request.send(null);//GET 方法
    request.send(data); //POST 方法，发送一些表单数据之类的

HTTP响应（3个部分）

1. 一个数字和文字组成的状态码，用来显示请求的成功和失败

   status和statusText来获取状态码

2. 一个响应头集合

   getResponseHeader()和getAllResponseHeaders()能查询响应头。XmlHttpRequest会自动处理cookie：它会在getAllResponseHeaders()头返回中过滤掉cookie头，而如果给getResponseHeader()传递"Set-Cookie"和"Set-Cookie2"则返回null。

3. 响应主体

   从responseText属性中得到响应主体的文本形式。

异步使用

发送请求后，即调用send()，为了响应准备就绪时得到通知，必须监听XMLHttpRequest对象上的readystatechange事件。为了理解这个事件类型，必须了解一下readyState属性。

readyState是一个整数，指定了HTTP请求的状态。

//发出一个HTTP GET请求以获得指定URL的内容的完整例子
function getText(url,callback){
    var request = new XMLHttpRequest();
    request.open('GET',url);
    request.onreadystatechange = function(){
        if (request.readyState === 4 && request.status === 200){
            var type = request.getResponseType('Content-Type');
            if(type.match(/^text/)){
                callback(request.responseText);
            }
        }
    }
    request.send(null);
}

HTTPS基本知识

概念

HTTPS(Hypertext Transfer Protocol over Secure Socket Layer)，基于SSL的HTTP协议，提供了身份验证与加密通信方法，现在被广泛用于互联网上安全敏感的通信。

连接过程

1. 客户端使用https的URL访问Web服务器，要求与Web服务器建立SSL连接

2. Web服务器收到请求后，会将网站的证书信息（证书中包含公钥）传送一份给客户端

3. 客户端与Web服务器开始协商SSL连接的安全等级，也就是信息加密的等级。

4. 客户端根据双方同意的安全等级，建立会话密钥，然后利用网站的公钥会话密钥加密，并传送给网站

5. Web服务器利用自己的私钥解密出会话密钥

6. Web服务器利用会话密钥加密与客户端之间的通信。

与HTTP区别

1. https协议需要到ca申请证书

2. http是明文传输；https是加密传输

3. http连接简单，无状态；https是有ssl+http协议构建的可进行加密传输、身份认证的网络协议

4. 端口不同：http是80；https是443

参考

1. 《JavaScript权威指南》第18章