九章小饼乾CookiesP.pptVIP

標準HTTP Response Header 舉例 說明 「Set-Cookie:」指定要下載至使用者端的 Cookie 元素。 一般使用瀏覽器看不到這些資訊，若要看到這些資訊，可以使用 telnet。 HTTP/1.0 200 OK Date: Tuesday, 09-Nov-99 20:58:25 GMT Server: Open-Market-Secure-WebServer/2.0.5.RC0 MIME-version: 1.0 Security-Scheme: S-HTTP/1.1 Set-Cookie: USER=4wOm1zd2VlbmV5MTk5OQ; Path=/; Domain=.; expires=Wed, 01-Jan-2031 01:01:01 GMT */25 如何觀看檔頭資訊 步驟 在DOS視窗輸入: telnet .tw 80 按下 Enter 鍵後，接著輸入: HEAD /jang/ HTTP/1.0 */25 設定 Cookie 的兩個方式 由伺服器直接對用戶進行設定 此部分的 Cookie 資訊就是直接放在由伺服器回傳的表頭。 由用戶端的 JavaScript 進行設定 此部分是經由用戶端的 JavaScript 來進行設定。 */25 Cookie 設定流程說明 用戶端 Request： 經由表頭資訊 傳送相關的Cookie 到伺服器 Response： 經由表頭資訊 讓瀏覽器設定 相關的Cookie JavaScript： 使用戶端的程式碼 來處理Cookie 伺服器 */25 Cookie 對網頁的作用 無論是 Request 或是 Response，Cookie 都會被帶在表頭資訊中傳送。 在 Request 時，瀏覽器會網頁以前留下來的 Cookie 以表頭資訊一起傳到伺服器。 在 Response 時，伺服器將網頁必須設定的 Cookie 以表頭資訊送到伺服器。我們可以使用 PHP 或 ASP 來控制由伺服器端指定寫入的 Cookie 當網頁送到用戶端時，我們可以使用 JavaScript 來指定 Cookie 的讀寫。 */25 * JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 JavaScript 程式設計與應用：用於網頁用戶端 第九章小餅乾（Cookies） 張智星 jang@ /jang 台大資工系 多媒體檢索實驗室 本章大綱 大綱 本節說明如何使用 JavaScript 來讀寫小餅乾 (Cookies) ，以及如何使用小餅乾紀錄使用者的各種資料。 主題 9-1：讀寫小餅乾 9-2：設定失效日期 9-3：相關技術細節 */25 9-1:讀寫小餅乾 本小節介紹小餅乾的用途與用法。 */25 用途 客戶端的 JavaScript 不能對客戶端的硬碟做任何存取的動作，以防止惡意程式碼破壞。 唯一例外：使用小餅乾，JavaScript 可以在客戶端的硬碟存取極少量的有限資料。 相關應用 儲存使用者的認證資料 儲存使用者線上購物的品名、數量與相關資訊（如購物車） 記錄使用者的偏好或瀏覽歷程（例如數位學習的紀錄） … */25 Cookie的優點 所有資料均存放在客戶端電腦，不會佔用伺服器硬碟空間。 與 Cookie 相關的運算均在客戶端電腦進行，不會增加伺服器運算負載。 簡單易用，使用客戶端的 JavaScript 或伺服器端的 程式語言（如 PHP 或 ASP 等） 即可對 Cookie 進行讀寫。 */25 Cookie的缺點 客戶端可以完全關閉 Cookie的功能， JavaScript 與 Cookie 相關的程式碼就無法運作。 客戶換用不同的瀏覽器時，會抓不到由另一個瀏覽器所寫入的 Cookie 資訊。 客戶重灌電腦時，會造成 Cookie 資訊的流失。 客戶換台電腦時，Cookie 的資訊無法帶到另一台電腦。 */25 範例9-1 主題:檢查瀏覽器的 Cookie 功能是否啟動 連結:cookie01.htm (remo