第7章PHP與Web頁面交互PPT課件

1、 PHP第7章PHP與Web頁面交互Web表單交互URL參數(shù)交互數(shù)據(jù)與特殊字符的處理HTTP協(xié)議 目錄HTTP協(xié)議7.1Web交互 7.1 Web交互1.Web表單交互l 當(dāng)表單的method屬性提交方式為POST時(shí)，瀏覽器發(fā)送POST請求l 當(dāng)表單的method屬性提交方式為GET時(shí)，瀏覽器發(fā)送GET請求填寫表單服務(wù)器處理并保存用戶用戶瀏覽器發(fā)送請求 7.1 Web交互1.Web表單交互當(dāng)PHP收到來自瀏覽器提交的數(shù)據(jù)后，會自動保存到超全局變量中。超全局變量是PHP預(yù)定義好的變量，可以在PHP腳本的任何位置使用。l 常見的超全局?jǐn)?shù)組變量有$_POST、$_GET等l 通過P

2、OST方式提交的數(shù)據(jù)會保存到$_POST中l(wèi) 通過GET方式提交的數(shù)據(jù)會保存到$_GET中具體案例請參考教材 7.1 Web交互2.URL參數(shù)交互當(dāng)表單以GET方式提交時(shí)，會將用戶填寫的內(nèi)容放在URL參數(shù)中進(jìn)行提交。表單的method屬性刪除（或?qū)⑵渲蹈臑間et），然后提交表單，會得到如下URL。 7.1 Web交互2.URL參數(shù)交互http:/localhost/login.php?username=test&password=123456 “?”后面的內(nèi)容為參數(shù)信息 參數(shù)是由參數(shù)名和參數(shù)值組成的，中間使用等號“=”進(jìn)行連接 多個(gè)參數(shù)之間使用“&”分隔 username和pa

3、ssword是參數(shù)名，對應(yīng)表單中的name屬性 test和123456是參數(shù)值，對應(yīng)用戶填寫的內(nèi)容 7.1 Web交互2.URL參數(shù)交互接下來在PHP中使用$_GET數(shù)組接收URL參數(shù)，并進(jìn)行輸出。if (isset($_GETusername) & isset($_GETpassword) echo $_GETusername;/ 輸出結(jié)果：test echo $_GETpassword;/ 輸出結(jié)果：123456具體案例請參考教材 7.1 Web交互3.數(shù)組方式提交數(shù)據(jù)l 復(fù)選框是一種支持提交多個(gè)值的表單控件l 在編寫表單時(shí)應(yīng)將其name屬性設(shè)置為數(shù)組 7.1 Web交互3.數(shù)組方

4、式提交數(shù)據(jù) 游泳 讀書 跑步Array ( 0 = swimming 1 = running )print_r($_POSThobby);以POST方式提交表單 7.1 Web交互3.數(shù)組方式提交數(shù)據(jù)l $_POST中的hobby元素是一個(gè)索引數(shù)組，數(shù)組中的元素是用戶所選復(fù)選框?qū)?yīng)的value屬性值。l 當(dāng)用戶未選中任何復(fù)選框時(shí)，$_POST數(shù)組中將不存在hobby元素。 7.1 Web交互3.數(shù)組方式提交數(shù)據(jù)表單控件的name屬性值還可以指定為鍵名是字符串的數(shù)組，支持多維數(shù)組/ 接收代碼$_POSTusername;$_POSTusera1;$_POSTuser1b;$_POSTuserc0

5、;$_POSTuser2d;$_POSTuser30;$_POSTuser310;$_POSTuser320;$_POSTuser402;$_POSTuser403; 7.1 Web交互3.數(shù)組方式提交數(shù)據(jù)l 當(dāng)需要處理的表單內(nèi)容非常多的情況下，表單中name屬性的命名可以采用多維數(shù)組的形式，便于開發(fā)，其使用方式與PHP中的數(shù)組非常相似。l 例如，開發(fā)在線考試系統(tǒng)時(shí)，表單中有填空題、單選題、多選題、判斷題等多種題型，這時(shí)可以將每種題型放到一個(gè)數(shù)組里面進(jìn)行提交，PHP收到后分別遍歷每種題型的數(shù)組即可。具體案例請參考教材 7.1 Web交互4.HTML特殊字符處理在將用戶輸入的內(nèi)容輸出到HTML中

6、顯示時(shí)，會遇到特殊字符問題。例如，用戶提交一段HTML代碼時(shí)，為了將代碼原樣顯示，需要將里面的特殊字符串轉(zhuǎn)換為實(shí)體字符，防止被瀏覽器解析。若沒有對這些特殊字符進(jìn)行處理，會給網(wǎng)站的安全帶來風(fēng)險(xiǎn)，下面通過例7-4來演示這種情況。具體案例請參考教材 7.1 Web交互4.HTML特殊字符處理為了解決這類問題，PHP提供了許多專門用于處理HTML特殊字符的函數(shù)。硬件硬件說明說明nl2br()將字符串中的換行符前插入HTML換行標(biāo)記strip_tags()從字符串中去除HTML和PHP標(biāo)記htmlspecialchars()將字符串中的特殊字符轉(zhuǎn)換為HTML實(shí)體字符htmlspecialchars_de

7、code()將字符串中的HTML實(shí)體字符轉(zhuǎn)換回原來的字符urlencode()編碼URL字符串urldecode()解碼已編碼的URL字符串http_build_query()生成URL編碼后的字符串 7.1 Web交互4.HTML特殊字符處理nl2br()舉例舉例： textarea中的換行符是“rn”，而不是HTML中的換行標(biāo)記“”。因此，若在表單的textarea標(biāo)記中輸入多行文本，然后將文本顯示在div標(biāo)記中時(shí)，會遇到換行顯示成空格的問題。 7.1 Web交互4.HTML特殊字符處理nl2br()當(dāng)需要正確顯示換行時(shí)，需要通過nl2br()函數(shù)進(jìn)行轉(zhuǎn)換，示例代碼如下。echo nl2b

8、r(123n456, false);123456 7.1 Web交互4.HTML特殊字符處理strip_tags()strip_tags()可以去除字符串中的標(biāo)記部分，通常用于讀取一段HTML代碼后，去除其中的HTML標(biāo)記，只保留文本。$html = EOD蘋果香蕉123456789EOD;echo strip_tags($html);蘋果香蕉123456789 7.1 Web交互4.HTML特殊字符處理轉(zhuǎn)換和還原字符串中的HTML特殊字符htmlspecialchars()和htmlspecialchars_decode()函數(shù)分別用于轉(zhuǎn)換和還原字符串中的HTML特殊字符，具體包括“&

9、;”、單引號、雙引號、“”，其中單引號需要將函數(shù)的第2個(gè)參數(shù)設(shè)置為ENT_QUOTES常量才會進(jìn)行轉(zhuǎn)換。 7.1 Web交互4.HTML特殊字符處理轉(zhuǎn)換和還原字符串中的HTML特殊字符$html = 123456;$html = htmlspecialchars($html, ENT_QUOTES | ENT_HTML5);echo $html, n;$str = htmlspecialchars_decode($html, ENT_QUOTES | ENT_HTML5);echo $html;123<br>4'56123456 7.1 Web交互

10、4.HTML特殊字符處理urlencode()和urldecode()函數(shù)urlencode()和urldecode()函數(shù)主要用于在HTML中輸出URL參數(shù)時(shí)進(jìn)行編碼轉(zhuǎn)換，前者用于編碼，后者用于解碼。注意，當(dāng)使用$_GET接收參數(shù)時(shí)，獲得的數(shù)據(jù)已經(jīng)是URL解碼后的結(jié)果，無需手動進(jìn)行處理。 7.1 Web交互4.HTML特殊字符處理urlencode()和urldecode()函數(shù)$name = A&B C;$name = urlencode($name);/ URL 編碼echo http:/localhost/test.php?name=$name, n;echo urldecod

11、e($name);/ URL解碼http:/localhost/test.php?name=A%26B+CA&B C 7.1 Web交互4.HTML特殊字符處理http_build_query()利用http_build_query()函數(shù)可以將PHP關(guān)聯(lián)數(shù)組轉(zhuǎn)換為URL參數(shù)字符串。$params = name = test,hobby = reading, running;$query = http_build_query($params);echo http:/localhost/test.php?$query;http:/localhost/test.php?name=test&

12、amp;hobby%5B0%5D=reading&hobby%5B1%5D=running 7.2 HTTP協(xié)議1.什么是HTTPHTTP：HyperText Transfer Protocol的簡稱，超文本傳輸協(xié)議是什么是什么：W3C組織推出的瀏覽器與Web服務(wù)器之間數(shù)據(jù)交互需遵循的一種規(guī)范怎么用怎么用：專門用于定義瀏覽器與Web服務(wù)器之間數(shù)據(jù)交換的格式 7.2 HTTP協(xié)議1.什么是HTTP HTTP是一種基于“請求”和“響應(yīng)”的協(xié)議當(dāng) 客戶端與服務(wù)器建立連接后，由客戶端（瀏覽器）向服務(wù)器端發(fā)送一個(gè)請求，被稱作HTTP請求 客戶端與服務(wù)器建立連接后，服務(wù)器接收到請求后會做出響應(yīng)，稱

13、為HTTP響應(yīng) 7.2 HTTP協(xié)議1.什么是HTTPHTTP之所以在Web開發(fā)中占據(jù)重要的位置l 支持主流軟件架構(gòu)：支持B/S、C/S軟件架構(gòu)。l 簡單快速：客戶端向服務(wù)器請求服務(wù)時(shí)，只需傳送請求方式和路徑即可。常用的請求方式有GET、POST等，每種方式規(guī)定了客戶端與服務(wù)器聯(lián)系的類型不同。由于HTTP協(xié)議簡單，使得HTTP服務(wù)器的程序規(guī)模小，通信速度快。l 靈活：HTTP允許傳輸任意類型的數(shù)據(jù)，傳輸?shù)臄?shù)據(jù)類型由Content-Type標(biāo)記。 7.2 HTTP協(xié)議2.查看HTTP消息HTTP請求消息的概念請求消息的概念：當(dāng)用戶在瀏覽器中訪問某個(gè)URL地址、單擊某個(gè)超鏈接或者提交表單時(shí)，瀏覽器

14、都會向服務(wù)器發(fā)送請求數(shù)據(jù)，即HTTP請求消息。HTTP響應(yīng)消息的概念響應(yīng)消息的概念：服務(wù)器接收到請求數(shù)據(jù)后，將處理后的數(shù)據(jù)回送給客戶端，這就是HTTP響應(yīng)消息。HTTP消息的概念消息的概念：HTTP請求消息和HTTP響應(yīng)消息統(tǒng)稱為HTTP消息。 7.2 HTTP協(xié)議2.查看HTTP消息在在HTTP消息中，除消息中，除服務(wù)器的響應(yīng)實(shí)體內(nèi)容（如HTML網(wǎng)頁、圖片等）以外以外，其他信息對用戶都是不可見的，要想觀察這些“隱藏隱藏”的信息，需要借助一些工具。 7.2 HTTP協(xié)議2.查看HTTP消息按按F12鍵鍵，打開Chrome瀏覽器的開發(fā)者工具，切換到【Network】頁面，刷新刷新網(wǎng)頁，就可以看到

15、當(dāng)前網(wǎng)頁從第1個(gè)請求開始，依次發(fā)送的所有請求。 7.2 HTTP協(xié)議2.查看HTTP消息基本信息響應(yīng)頭請求頭查看源格式 7.2 HTTP協(xié)議3.PHP處理過程在瀏覽器與服務(wù)器的交互過程交互過程中，Web服務(wù)器通過HTTP協(xié)議協(xié)議與瀏覽器進(jìn)行交互，PHP只只用于處理處理動態(tài)請求。當(dāng)用戶通過HTML頁面輸入數(shù)據(jù)并提交表單后輸入的內(nèi)容就會從瀏覽器傳送到服務(wù)器經(jīng)過服務(wù)器中的PHP程序處理后再將處理后的信息返回給瀏覽器 7.2 HTTP協(xié)議3.PHP處理過程 當(dāng)瀏覽器向Web服務(wù)器發(fā)送一個(gè)請求時(shí)，Web服務(wù)器會對請求做出處理，并返回處理結(jié)果。 在這個(gè)交互過程中，瀏覽器是通過URL地址來訪問服務(wù)器的，并且

16、數(shù)據(jù)在傳輸過程中需要遵循HTTP。 當(dāng)數(shù)據(jù)傳輸?shù)絎eb服務(wù)器時(shí)，Web服務(wù)器中的PHP程序會對數(shù)據(jù)進(jìn)行處理，然后將處理好的數(shù)據(jù)返回給瀏覽器。 7.2 HTTP協(xié)議3.PHP處理過程HTTP請求請求當(dāng)在客戶端瀏覽器輸入U(xiǎn)RL地址后，就會向指定服務(wù)器發(fā)起HTTP請求。在請求的同時(shí)，會附帶請求消息頭、請求消息體等相關(guān)信息。 7.2 HTTP協(xié)議3.PHP處理過程Web服務(wù)端服務(wù)端處理處理當(dāng)請求到達(dá)服務(wù)器后，Apache就會判斷客戶端請求的是靜態(tài)資源還是PHP文件。如果請求的是靜態(tài)資源如HTML、CSS、JavaScript和圖片等文件，Apache就直接在服務(wù)器目錄下獲取這些文件。如果請求的是PHP

17、文件，Apache則會將其交給PHP模塊來處理，PHP模塊將處理得到的結(jié)果返回給Apache。 7.2 HTTP協(xié)議3.PHP處理過程返回返回HTTP響應(yīng)數(shù)據(jù)響應(yīng)數(shù)據(jù)Apache將獲取到的資源（包括直接獲取的靜態(tài)資源和PHP處理的結(jié)果）通過HTTP響應(yīng)發(fā)送到客戶端瀏覽器。 7.2 HTTP協(xié)議3.PHP處理過程 瀏覽器顯示瀏覽器顯示瀏覽器將服務(wù)器返回的資源，包括HTML、CSS、JavaScript和圖片下載到本地，進(jìn)行解析并顯示。 7.2 HTTP協(xié)議4.HTTP請求消息GET /index.php HTTP/1.1Host: localhostConnection: keep-aliveC

18、ache-Control: max-age=0Upgrade-Insecure-Requests: 1User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8Accept-Encoding: gzip, deflate, sdchAccept-Lang

19、uage: zh-CN,zh;q=0.8請求行請求頭請求頭結(jié)束 7.2 HTTP協(xié)議4.HTTP請求消息每個(gè)請求頭都是由頭字段名稱和對應(yīng)的值構(gòu)成，中間用冒號“:”和空格分隔。這些頭字段大部分是HTTP規(guī)定的，每個(gè)都有特定的用途，一些應(yīng)用程序也可以添加自定義的字段。 7.2 HTTP協(xié)議4.HTTP請求消息請求行請求行位于請求消息的第一行，如下所示。GET /index.php HTTP/1.1 請求行共分為3個(gè)部分，分別是請求方式（GET）、請求資源路徑（/index.php）和HTTP協(xié)議版本（HTTP/1.1） 請求方式有許多種，GET是瀏覽器打開網(wǎng)頁默認(rèn)使用的方式 請求資源路徑，是指當(dāng)訪

20、問“http:/域名/index.php”地址時(shí)，域名右邊包括參數(shù)的部分 7.2 HTTP協(xié)議4.HTTP請求消息請求行請求方式請求方式含義含義GET獲取“請求資源路徑”對應(yīng)的資源POST向“請求資源路徑”提交數(shù)據(jù)，請求服務(wù)器進(jìn)行處理HEAD獲取“請求資源路徑”的響應(yīng)消息頭PUT向服務(wù)器提交數(shù)據(jù)，存儲到“請求資源路徑”的位置DELETE請求服務(wù)器刪除“請求資源路徑”的資源TRACE請求服務(wù)器回送收到的請求信息，主要用于測試或診斷CONNECT保留將來使用OPTIONS請求查詢服務(wù)器的性能，或者查詢與資源相關(guān)的選項(xiàng)和需求 7.2 HTTP協(xié)議4.HTTP請求消息請求頭請求頭位于請求行之后，主要用

21、于向服務(wù)器傳遞附加消息。例如，瀏覽器可以接受的數(shù)據(jù)類型、壓縮方法、語言以及系統(tǒng)環(huán)境。 7.2 HTTP協(xié)議4.HTTP請求消息請求頭請求方式請求方式含義含義Accept客戶端瀏覽器支持的數(shù)據(jù)類型Accept-Charset客戶端瀏覽器采用的編碼Accept-Encoding客戶端瀏覽器支持的數(shù)據(jù)壓縮格式Accept-Language客戶端瀏覽器所支持的語言包，可以指定多個(gè)Host客戶端瀏覽器想要訪問的服務(wù)器主機(jī)If-Modified-Since客戶端瀏覽器對資源的最后緩存時(shí)間Referer客戶端瀏覽器是從哪個(gè)頁面過來的User-Agent客戶端的系統(tǒng)信息，包括使用的操作系統(tǒng)、瀏覽器版本號等Co

22、okie客戶端需要帶給服務(wù)器的數(shù)據(jù)Cache-Control客戶端瀏覽器的緩存控制Connection請求完成后，客戶端希望是保持連接還是關(guān)閉連接 7.2 HTTP協(xié)議4.HTTP請求消息實(shí)體內(nèi)容通過POST方式提交表單時(shí)，瀏覽器會將用戶填寫的數(shù)據(jù)放在實(shí)體內(nèi)容中發(fā)送。表單 7.2 HTTP協(xié)議4.HTTP請求消息實(shí)體內(nèi)容提交表單后，發(fā)送的HTTP請求消息如下。POST /test.php HTTP/1.1Host: localhostContent-Type: application/x-www-form-urlencodedContent-Length: 25name=test&pa

23、ssword=123456HTTP請求消息 7.2 HTTP協(xié)議4.HTTP請求消息實(shí)體內(nèi)容使用使用POST方式提交表單方式提交表單 Content-Type消息頭字段會自動設(shè)置為“application/x-www-form-urlencoded”，表示以URL編碼的表單 Content-Length消息頭會自動設(shè)置為實(shí)體內(nèi)容的長度（25字節(jié)） 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息HTTP/1.1 200 OKDate: Wed, 26 Oct 2016 01:15:33 GMTServer: Apache/2.2.25 (Win32) mod_fcgid/2.3.6Vary: Acce

24、pt-Encoding,CookieCache-Control: max-age=3, must-revalidateContent-Length: 18327Content-Type: text/html; charset=UTF-8響應(yīng)狀態(tài)行響應(yīng)頭響應(yīng)頭結(jié)束實(shí)體內(nèi)容 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)狀態(tài)行在HTTP響應(yīng)消息中，位于第一行的是狀態(tài)行，用于告知客戶端本次響應(yīng)的狀態(tài)HTTP/1.1 200 OK HTTP/1.1是協(xié)議版本 200是狀態(tài)碼 OK是狀態(tài)的描述信息 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)狀態(tài)行響應(yīng)狀態(tài)碼響應(yīng)狀態(tài)碼：表示服務(wù)器對客戶端請求的各種不同的處

25、理結(jié)果和狀態(tài)組成組成：響應(yīng)狀態(tài)碼由一個(gè)三位十進(jìn)制數(shù)表示分類分類：響應(yīng)狀態(tài)碼共分為5個(gè)類別，通過最高位的15來分類 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)狀態(tài)行l(wèi) 1xx：成功接收請求，要求客戶端繼續(xù)提交下一次請求才能完成整個(gè)處理過程l 2xx：成功接收請求并已完成整個(gè)處理過程l 3xx：為完成請求，客戶端需進(jìn)一步細(xì)化請求l 4xx：客戶端的請求有錯(cuò)誤l 5xx：服務(wù)器端出現(xiàn)錯(cuò)誤 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)狀態(tài)行狀態(tài)碼狀態(tài)碼含義含義說明說明200正常客戶端的請求成功，響應(yīng)消息返回正常的請求結(jié)果301永久移動被請求的文檔已經(jīng)被移動到別處，此文檔的新URL地址為響應(yīng)頭Loca

26、tion的值，瀏覽器以后對該文檔的訪問會自動使用新地址302找到和301類似，但是Location返回的是一個(gè)臨時(shí)的、非永久URL地址。304未修改瀏覽器在請求時(shí)會通過一些請求頭描述該文檔的緩存情況，當(dāng)服務(wù)器判斷文檔沒有修改時(shí)，就通過304告知瀏覽器繼續(xù)使用緩存，否則服務(wù)器將使用200狀態(tài)碼返回修改后的新文檔401未經(jīng)授權(quán)當(dāng)瀏覽器試圖訪問一個(gè)受密碼保護(hù)的頁面時(shí)，且在請求頭中沒有Authorization傳遞用戶信息，就會返回401狀態(tài)碼要求瀏覽器重新發(fā)送帶有Authorization頭的信息403禁止服務(wù)器理解客戶端的請求，但是拒絕處理。通常由服務(wù)器上文件或目錄的權(quán)限設(shè)置導(dǎo)致 7.2 HTTP

27、協(xié)議5.HTTP響應(yīng)消息響應(yīng)狀態(tài)行狀態(tài)碼狀態(tài)碼含義含義說明說明404找不到服務(wù)器上不存在客戶端請求的資源500內(nèi)部服務(wù)器錯(cuò)誤服務(wù)器內(nèi)部發(fā)生錯(cuò)誤，無法處理客戶端的請求502無效網(wǎng)關(guān)服務(wù)器作為網(wǎng)關(guān)或者代理訪問上游服務(wù)器，但是上游服務(wù)器返回了非法響應(yīng)504網(wǎng)關(guān)超時(shí)服務(wù)器作為網(wǎng)關(guān)或者代理訪問上游服務(wù)器，但是未能在規(guī)定時(shí)間內(nèi)獲得上游服務(wù)器的響應(yīng) 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)頭響應(yīng)頭位于響應(yīng)狀態(tài)行的后面，用于告知瀏覽器本次響應(yīng)的一個(gè)基本信息，包括服務(wù)程序名、內(nèi)容的編碼格式、緩存控制等。 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)頭響應(yīng)頭響應(yīng)頭含義含義Server服務(wù)器的類型和版本信息Da

28、te服務(wù)器的響應(yīng)時(shí)間Expires控制緩存的過期時(shí)間Location控制瀏覽器顯示哪個(gè)頁面（重定向到新的URL）Accept-Ranges服務(wù)器是否支持分段請求，以及請求范圍Cache-Control服務(wù)器控制瀏覽器如何進(jìn)行緩存Content-Disposition服務(wù)器控制瀏覽器以下載方式打開文件Content-Encoding實(shí)體內(nèi)容的編碼格式Content-Length實(shí)體內(nèi)容的長度Content-Language實(shí)體內(nèi)容的語言和國家名 7.2 HTTP協(xié)議5.HTTP響應(yīng)消息響應(yīng)頭響應(yīng)頭響應(yīng)頭含義含義Content-Type實(shí)體內(nèi)容的類型和編碼類型Last-Modified請求文檔的最后一次修改時(shí)間Transfer-Encoding文件傳輸編碼Set-Cookie發(fā)送Cookie相關(guān)的信息Con