使用GET方式傳遞參數(shù)

使用POST方式傳遞參數(shù)

提交、重置、普通按鈕如何傳送參數(shù)

單行與多行文本輸入框如何傳送參數(shù)

單選按鈕與復選框如何傳送參數(shù)

隱藏表單字段與圖像字段如何傳送參數(shù)

列表框如何傳送參數(shù)

使用Javascript防止重復提交表單

使用GET方式傳遞參數(shù)

在瀏覽器地址欄中輸入某個URL地址或單擊網(wǎng)頁上的一個超鏈接時，瀏覽器發(fā)出的HTTP請求消息的請求方式為GET。

如果網(wǎng)頁中的<form>表單元素的method屬性被設置為了“GET”，瀏覽器提交這個FORM表單時生成的HTTP請求消息的請求方式也為GET。

使用GET請求方式給WEB服務器傳遞參數(shù)的格式：

       http://www.idc311.com/news.aspx?name=idc&password=123

使用GET方式傳送的數(shù)據(jù)量一般限制在1KB以下。

使用POST方式傳遞參數(shù)

POST請求方式主要用于向WEB服務器端程序提交FORM表單中的數(shù)據(jù)。

POST方式將各個表單字段元素及其數(shù)據(jù)作為HTTP消息的實體內(nèi)容發(fā)送給WEB服務器，傳送的數(shù)據(jù)量要比使用GET方式傳送的數(shù)據(jù)量大得多。 

<form>表單元素的enctype屬性用于指定瀏覽器使用哪種編碼方法將表單中的數(shù)據(jù)傳送給WEB服務器，該屬性可以有兩種取值：

application/x-www-form-urlencoded

multipart/form-data

提交、重置、普通按鈕如何傳送參數(shù)

總結(jié)：

①    在一個FORM表單中可以有多個提交按鈕，單擊任何一個提交按鈕都可以提交表單，只有被單擊的提交按鈕的名稱和值才被作為參數(shù)傳遞，其它提交按鈕的信息不會作為參數(shù)傳遞。

②    表單中的普通按鈕與重置按鈕的名稱和值不會作為參數(shù)傳遞。

③   沒有設置name屬性的表單字段元素的信息不會作為參數(shù)傳遞。

單行與多行文本輸入框如何傳送參數(shù)

總結(jié)：

       不管單行和多行文本輸入框中是否有內(nèi)容，設置了name屬性的文本輸入框的信息總是會作為參數(shù)傳遞。如果文本框中沒有輸入內(nèi)容，可以認為其內(nèi)容為一個空字符串（“”），其參數(shù)形式為“text1=”。

單選按鈕與復選框如何傳送參數(shù)

總結(jié)：

1、  只有被選中的復選框和單選按鈕的信息才會作為參數(shù)傳遞，未被選中的復選框和單選按鈕的信息不會作為參數(shù)傳遞。

2、  對于多個名稱相同的復選框，它們可以同時被選中；對于多個名稱相同的單選按鈕，只能同時選中其中的任意一個。

3、  對于被選中的多個同名復選框，它們的信息將以多個名稱相同的參數(shù)進行傳遞，即參數(shù)列表中會出現(xiàn)多個名稱相同的參數(shù)。

4、  對于沒有設置value屬性的單選按鈕和復選框，當它們被選中時，它們傳遞的默認參數(shù)值為“on”。 

隱藏表單字段與圖像字段如何傳送參數(shù)

總結(jié)：

①    隱藏表單字段元素總是被作為參數(shù)傳遞給WEB服務器。如果要在提交FORM表單時將網(wǎng)頁中的JavaScript程序獲得的信息或者上次的WEB服務器端程序產(chǎn)生的標記信息傳送給WEB服務器，使用隱藏字段就是一個很好的辦法。

圖像字段元素也可以提交FORM表單，用戶單擊圖像字段元素后，表單中的其他信息和圖像上單擊處的x、y坐標一起傳送給服務器，x坐標對應的參數(shù)名是圖像元素名后加上.x（如image1.x），y坐標對應的參數(shù)名是圖像元素名后加上.y（如image1.y）

列表框如何傳送參數(shù)

總結(jié)：

①    沒有作出選擇的列表框的信息不會作為參數(shù)傳遞，就象表單中沒有這個列表框的情況一樣。

②    如果設置了列表框字段元素的multiple屬性，可以選擇列表中的多個選項。對于選中的每個選項，它們都會與列表框的名稱分別組合成單獨的參數(shù)后進行傳遞，這樣，參數(shù)列表中會出現(xiàn)多個名稱為列表框名的同名參數(shù) 。

③    當選中沒有設置value屬性的列表選項時，瀏覽器使用該選項的標題作為參數(shù)值。