控制项的建立与讯息传递.ppt

第 4 章 資料輸入表單與Request物件 製作 表單的建立與資料傳遞 - 資料的傳遞過程 網頁與使用者間完整的互動過程，大致包含從客戶端取得資料，在伺服端處理資料，然後輸出資料做出回應。 我們來操作一下將資料從客戶端傳向伺服端的實際例子。請您開啟ch4/PostData/PostData.htm檔，該檔的畫面如下圖所示。 表單的建立與資料傳遞 - 資料的傳遞過程 將姓名輸入文字方塊後，按下 送出 按鈕。畫面將顯示Response.asp網頁，如下圖所示。 表單的建立與資料傳遞 - 資料的傳遞過程 整個運作過程為使用者透過網頁中的表單將資料傳送給Web伺服器，並呼叫Response.asp檔。 Request物件（ASP物件）透過ISAPI介面取得使用者由表單傳送過來的資料。Web伺服器開始執行Response.asp檔，該檔內將呼叫Request物件取得前述由表單傳送過來的資料，完成此檔的執行後，Web伺服器將把執行結果回傳給客戶端。 表單的建立與資料傳遞 - 資料的傳遞過程 整個資料傳遞過程共有兩個重要的環節: 一是客戶端供使用者填寫資料的表單。 二是ASP網頁欲取得表單資料時，呼叫的Request物件。 表單的建立與資料傳遞 - 表單的建立語法 顯示於客戶端，供使用者輸入資料的表單，必須使用HTML語法中的FORM標籤建立，並完成下表三種屬性的設定。 表單的建立與資料傳遞 - 表單的建立語法 表單的建立語法如下: FORM action=ASP名稱路徑 method= {post | get} name= 表單名稱 表單中的控制項 /FORM 表單的建立與資料傳遞 - 表單的建立語法 表單內控制項的類型，主要有以下6種： 指令按鈕 文字方塊 文字區控制項 下拉選單 多選鈕 核取方塊 表單的建立與資料傳遞 - 表單的建立語法 PostData.htm檔內的表單定義由Response.asp檔回應表單動作，參數傳遞的方式為post方法。 表單中供使用者輸入姓名資料的文字方塊名稱為tbxName，此名稱將在ASP檔，取得表單資訊時用到。 表單的建立與資料傳遞- 取得客戶端傳遞的資料 在ASP檔中，將透過ASP物件的Request物件取得客戶端所傳遞的資料的動作，語法如下： Request(控制項名稱) 以下為Response.asp檔回應ch4/PostData.htm檔時，取得表單中文字方塊（tbxName）資料的敘述。 ‘摘自PostData.htm檔 015 % = Request(tbxName) % 表單的建立與資料傳遞 - 資料傳遞的Get方式 在GetData.htm輸入姓名資料，然後按下 送出 按鈕。 表單的建立與資料傳遞 - 資料傳遞的Get方式 Get方法的啟發 從Get方法的說明中，我們可得到一個啟發，以下語法也可以用於開啟ASP網頁，並將資料傳遞給伺服端。 http://網址?參數1=值1參數2=值2…參數N=值N 表單的建立與資料傳遞 - 資料傳遞的Get方式 因此，在GetData.htm輸入Julianno後，按下 送出 按鈕，相當於運用以下位址開啟Resposne.asp網頁。 http://…/Response.asp?tbxName=Julianno 表單的建立與資料傳遞 - 資料傳遞的Get方式 在ch4/GetData/GetData2.htm檔就示範以這個方式開啟，並傳遞資料給Response.asp檔的做法。 控制項的建立與訊息傳遞 - 指令按鈕 在表單中，必須使用的指令按鈕有 Submit按鈕（送出）: 用於送出表單內的資料。 Reset按鈕（重設）: 用於清除表單中已輸入的資料，供使用者再次輸入。 控制項的建立與訊息傳遞 - 指令按鈕 建立指令按鈕時，需使用HTML語法的Input標籤，且需設定下表所列的屬性。 語法如下： Input Type ={submit | reset} Name=按鈕名稱 Value=顯示值 控制項的建立與訊息傳遞 - 指令按鈕 以下為此兩種按鈕的建立示範。 控制項的建立與訊息傳遞- 文字方塊與密碼輸入欄 文字方塊與密碼欄的HTML語法如下： Inupt Type ={text | password} Name=文字方塊名稱 Value=傳出值 各屬性的意義如下表。 控制項的建立與訊息傳遞- 文字區控制項 文字區控制項的HTML語法如下： TEXTAREA rows=列數 cols=行數 name=控制項名稱 預設