定位一個(gè)前端工程師是高級(jí)工程師還是基礎(chǔ)工程師的區(qū)別就是對(duì)HTTP的了解指煎，現(xiàn)總結(jié)http對(duì)前端的應(yīng)用嘿般。

什么是HTTP？為什么要使用HTTP?

HTTP協(xié)議（HyperTextTransfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳輸協(xié)議嗡害。它可以使瀏覽器更加高效，使網(wǎng)絡(luò)傳輸減少畦攘。

工作原理

一次HTTP操作稱為一個(gè)事務(wù)霸妹，其工作過(guò)程可分為四步：

首先客戶機(jī)與服務(wù)器需要建立連接（TCP連接）。只要單擊某個(gè)超級(jí)鏈接知押，HTTP的工作就開(kāi)始了叹螟。

建立連接后，客戶機(jī)發(fā)送一個(gè)請(qǐng)求給服務(wù)器台盯，請(qǐng)求方式的格式為：統(tǒng)一資源標(biāo)識(shí)符（URL）罢绽、協(xié)議版本號(hào)，后邊是MIME信息包括請(qǐng)求修飾符静盅、客戶機(jī)信息和可能的內(nèi)容良价。

服務(wù)器接到請(qǐng)求后，給予相應(yīng)的響應(yīng)信息蒿叠，其格式為一個(gè)狀態(tài)行明垢，包括信息的協(xié)議版本號(hào)、一個(gè)成功或錯(cuò)誤的代碼市咽，后邊是MIME信息包括服務(wù)器信息袖外、實(shí)體信息和可能的內(nèi)容。

客戶端接收服務(wù)器所返回的信息通過(guò)瀏覽器顯示在用戶的顯示屏上魂务，然后客戶機(jī)與服務(wù)器斷開(kāi)連接曼验。

如果在以上過(guò)程中的某一步出現(xiàn)錯(cuò)誤泌射，那么產(chǎn)生錯(cuò)誤的信息將返回到客戶端，由顯示屏輸出鬓照。對(duì)于用戶來(lái)說(shuō)熔酷，這些過(guò)程是由HTTP自己完成的，用戶只要用鼠標(biāo)點(diǎn)擊豺裆，等待信息顯示就可以了拒秘。

在Internet上，HTTP通訊通常發(fā)生在TCP/IP連接之上臭猜。缺省端口是TCP 80躺酒，但其它的端口也是可用的。但這并不預(yù)示著HTTP協(xié)議在Internet或其它網(wǎng)絡(luò)的其它協(xié)議之上才能完成蔑歌。HTTP只預(yù)示著一個(gè)可靠的傳輸羹应。

HTTP請(qǐng)求格式

GET/sample.jspHTTP/1.1

Accept:image/gif.image/jpeg,*/*

Accept-Language:zh-cn

Connection:Keep-Alive

Host:localhost

User-Agent:Mozila/4.0(compatible;MSIE5.01;WindowNT5.0)

Accept-Encoding:gzip,deflate

username=jinqiao&password=1234

當(dāng)瀏覽器向Web服務(wù)器發(fā)出請(qǐng)求時(shí)，它向服務(wù)器傳遞了一個(gè)數(shù)據(jù)塊次屠，也就是請(qǐng)求信息园匹，HTTP請(qǐng)求信息由3部分組成：

1 請(qǐng)求方法URI協(xié)議/版本

2 請(qǐng)求頭(RequestHeader

3 請(qǐng)求正文

請(qǐng)求方法URI協(xié)議/版本

請(qǐng)求的第一行是“方法URL議/版本”：GET/sample.jsp HTTP/1.1

以上代碼中“GET”代表請(qǐng)求方法，“/sample.jsp”表示URI劫灶，“HTTP/1.1代表協(xié)議和協(xié)議的版本裸违。

根據(jù)HTTP標(biāo)準(zhǔn)，HTTP請(qǐng)求可以使用多種請(qǐng)求方法本昏。例如：HTTP1.1支持7種請(qǐng)求方法：GET供汛、POST、HEAD涌穆、OPTIONS紊馏、PUT、DELETE和TARCE蒲犬。在Internet應(yīng)用中朱监，最常用的方法是GET和POST。

GET方法

GET方法是默認(rèn)的HTTP請(qǐng)求方法原叮，我們?nèi)粘Ｓ肎ET方法來(lái)提交表單數(shù)據(jù)赫编，然而用GET方法提交的表單數(shù)據(jù)只經(jīng)過(guò)了簡(jiǎn)單的編碼，同時(shí)它將作為URL的一部分向Web服務(wù)器發(fā)送奋隶，因此擂送，如果使用GET方法來(lái)提交表單數(shù)據(jù)就存在著安全隱患上。例如

Http://127.0.0.1/login.jsp?Name=zhangshi&Age=30&Submit=%cc%E+%BD%BB

從上面的URL請(qǐng)求中唯欣，很容易就可以辯認(rèn)出表單提交的內(nèi)容嘹吨。（？之后的內(nèi)容）另外由于GET方法提交的數(shù)據(jù)是作為URL請(qǐng)求的一部分所以提交的數(shù)據(jù)量不能太大

POST方法

POST方法是GET方法的一個(gè)替代方法境氢，它主要是向Web服務(wù)器提交表單數(shù)據(jù)蟀拷，尤其是大批量的數(shù)據(jù)碰纬。POST方法克服了GET方法的一些缺點(diǎn)。通過(guò)POST方法提交表單數(shù)據(jù)時(shí)问芬，數(shù)據(jù)不是作為URL請(qǐng)求的一部分而是作為標(biāo)準(zhǔn)數(shù)據(jù)傳送給Web服務(wù)器悦析，這就克服了GET方法中的信息無(wú)法保密和數(shù)據(jù)量太小的缺點(diǎn)。因此此衅，出于安全的考慮以及對(duì)用戶隱私的尊重强戴，通常表單提交時(shí)采用POST方法。

URL格式解析

URL完整地指定了要訪問(wèn)的網(wǎng)絡(luò)資源挡鞍，通常只要給出相對(duì)于服務(wù)器的根目錄的相對(duì)目錄即可骑歹，因此總是以“/”開(kāi)頭，最后墨微，協(xié)議版本聲明了通信過(guò)程中使用HTTP的版本道媚。

protocol :// hostname[:port] / path /[;parameters][?query]#fragment

http://www.baidu.com:80/WebApplication1/WebForm1.aspx?name=tom&;age=20#res

protocol（協(xié)議）:指定使用的傳輸協(xié)議，最常用的是HTTP協(xié)議欢嘿，它也是目前WWW中應(yīng)用最廣的協(xié)議衰琐。

file資源是本地計(jì)算機(jī)上的文件也糊。格式file:///炼蹦，注意后邊應(yīng)是三個(gè)斜杠。

ftp通過(guò)FTP訪問(wèn)資源狸剃。格式FTP://

gopher通過(guò)Gopher協(xié)議訪問(wèn)該資源掐隐。

http通過(guò)HTTP訪問(wèn)該資源。格式HTTP://

https通過(guò)安全的HTTPS訪問(wèn)該資源钞馁。格式HTTPS://

mailto資源為電子郵件地址虑省，通過(guò)SMTP訪問(wèn)。 格式mailto:

MMS通過(guò) 支持MMS（流媒體）協(xié)議的播放該資源僧凰。（代表軟件：Windows Media Player）格式MMS://

ed2k通過(guò) 支持ed2k（專用下載鏈接）協(xié)議的P2P軟件訪問(wèn)該資源探颈。（代表軟件：電驢） 格式ed2k://

Flashget通過(guò) 支持Flashget:（專用下載鏈接）協(xié)議的P2P軟件訪問(wèn)該資源。（代表軟件：快車） 格式Flashget://

thunder通過(guò) 支持thunder（專用下載鏈接）協(xié)議的P2P軟件訪問(wèn)該資源训措。（代表軟件：迅雷） 格式thunder://

news通過(guò)NNTP訪問(wèn)該資源伪节。

hostname（主機(jī)名）是指存放資源的服務(wù)器的域名系統(tǒng)(DNS)主機(jī)名或IP地址。有時(shí)绩鸣，在主機(jī)名前也可以包含連接到服務(wù)器所需的用戶名和密碼（格式username:password@hostname）怀大。

port（端口號(hào)）整數(shù)，可選呀闻，省略時(shí)使用方案的默認(rèn)端口化借，各種傳輸協(xié)議都有默認(rèn)的端口號(hào)，如http的默認(rèn)端口為80捡多。如果輸入時(shí)省略蓖康，則使用默認(rèn)端口號(hào)铐炫。有時(shí)候出于安全或其他考慮，可以在服務(wù)器上對(duì)端口進(jìn)行重定義钓瞭，即采用非標(biāo)準(zhǔn)端口號(hào)驳遵，此時(shí)，URL中就不能省略端口號(hào)這一項(xiàng)山涡。

path（路徑）由零或多個(gè)“/”符號(hào)隔開(kāi)的字符串堤结，一般用來(lái)表示主機(jī)上的一個(gè)目錄或文件地址。

parameters（參數(shù)）這是用于指定特殊參數(shù)的可選項(xiàng)鸭丛。

query(查詢)可選竞穷，用于給動(dòng)態(tài)網(wǎng)頁(yè)（如使用CGI、ISAPI鳞溉、PHP/JSP/ASP/ASP瘾带。NET等技術(shù)制作的網(wǎng)頁(yè)）傳遞參數(shù)，可有多個(gè)參數(shù)熟菲，用“&”符號(hào)隔開(kāi)看政，每個(gè)參數(shù)的名和值用“=”符號(hào)隔開(kāi)。

fragment（信息片斷）字符串抄罕，用于指定網(wǎng)絡(luò)資源中的片斷允蚣。例如一個(gè)網(wǎng)頁(yè)中有多個(gè)名詞解釋，可使用fragment直接定位到某一名詞解釋呆贿。

（2）請(qǐng)求頭(RequestHeader)

請(qǐng)求頭包含許多有關(guān)的客戶端環(huán)境和請(qǐng)求正文的有用信息嚷兔。例如，請(qǐng)求頭可以聲明瀏覽器所用的語(yǔ)言做入，請(qǐng)求正文的長(zhǎng)度等冒晰。

（3）請(qǐng)求正文

請(qǐng)求頭和請(qǐng)求正文之間是一個(gè)空行，這個(gè)行非常重要竟块，它表示請(qǐng)求頭已經(jīng)結(jié)束壶运，接下來(lái)的是請(qǐng)求正文。請(qǐng)求正文中可以包含客戶提交的查詢字符串信息：

username=jinqiao&password=1234

HTTP響應(yīng)

HTTP應(yīng)答與HTTP請(qǐng)求相似浪秘，HTTP響應(yīng)也由3個(gè)部分構(gòu)成蒋情，分別是：

　協(xié)議狀態(tài)版本代碼描述

　響應(yīng)頭(Response Header)

　響應(yīng)正文

下面是一個(gè)HTTP響應(yīng)的例子：

HTTP/1.1 200 OK

Server:Apache Tomcat/5.0.12

Date:Mon,6Oct2003 13:23:42 GMT

Content-Length:112

協(xié)議狀態(tài)版本代碼描述

狀態(tài)行

狀態(tài)行由協(xié)議版本、數(shù)字形式的狀態(tài)代碼秫逝，及相應(yīng)的狀態(tài)描述組成恕出，各元素之間以空格分隔，結(jié)尾時(shí)回車換行符违帆，格式如下：

HTTP-Version Status-Code Reason-Phrase CRLF

HTTP-Version表示服務(wù)器HTTP協(xié)議的版本浙巫，Status-Code表示服務(wù)器發(fā)回的響應(yīng)代碼，Reason-Phrase表示狀態(tài)代碼的文本描述，CRLF表示回車換行的畴。例如：

HTTP/1.1 200 OK (CRLF)

狀態(tài)代碼與狀態(tài)描述

狀態(tài)代碼由3位數(shù)字組成渊抄， 表示請(qǐng)求是否被理解或被滿足，狀態(tài)描述給出了關(guān)于狀態(tài)碼的簡(jiǎn)短的文字描述丧裁。狀態(tài)碼的第一個(gè)數(shù)字定義了響應(yīng)類別护桦，后面兩位數(shù)字沒(méi)有具體分類。第一個(gè)數(shù)字有5種取值煎娇，如下所示二庵。

1xx：指示信息——表示請(qǐng)求已經(jīng)接受，繼續(xù)處理

2xx：成功——表示請(qǐng)求已經(jīng)被成功接收缓呛、理解催享、接受。

3xx：重定向——要完成請(qǐng)求必須進(jìn)行更進(jìn)一步的操作

4xx：客戶端錯(cuò)誤——請(qǐng)求有語(yǔ)法錯(cuò)誤或請(qǐng)求無(wú)法實(shí)現(xiàn)

5xx：服務(wù)器端錯(cuò)誤——服務(wù)器未能實(shí)現(xiàn)合法的請(qǐng)求哟绊。

常見(jiàn)狀態(tài)代碼因妙、狀態(tài)描述、說(shuō)明：

200 OK//客戶端請(qǐng)求成功

400 Bad Request//客戶端請(qǐng)求有語(yǔ)法錯(cuò)誤票髓，不能被服務(wù)器所理解

401 Unauthorized //請(qǐng)求未經(jīng)授權(quán)攀涵，這個(gè)狀態(tài)代碼必須和WWW-Authenticate報(bào)頭域一起使用

403 Forbidden//服務(wù)器收到請(qǐng)求，但是拒絕提供服務(wù)

404 Not Found//請(qǐng)求資源不存在洽沟，eg：輸入了錯(cuò)誤的URL

500 Internal Server Error //服務(wù)器發(fā)生不可預(yù)期的錯(cuò)誤

503 Server Unavailable//服務(wù)器當(dāng)前不能處理客戶端的請(qǐng)求以故，一段時(shí)間后可能恢復(fù)正常

?響應(yīng)頭(Response Header)

頭部信息請(qǐng)參考下文：HTTP頭部信息 - 簡(jiǎn)書(shū)

HTTP緩存請(qǐng)參考下文：HTTP緩存 - 簡(jiǎn)書(shū)