GET和POST方式傳遞參數

轉http://blog.csdn.net/songlixing/article/details/6945083

使用GET方式傳遞參數

使用POST方式傳遞參數

提交、重置、普通按鈕如何傳送參數

單行與多行文本輸入框如何傳送參數

單選按鈕與複選框如何傳送參數

隱藏表單字段與圖像字段如何傳送參數

列表框如何傳送參數

使用Javascript防止重複提交表單

使用GET方式傳遞參數

在瀏覽器地址欄中輸入某個URL地址或單擊網頁上的一個超連接時，瀏覽器發出的HTTP請求消息的請求方式爲GET。

若是網頁中的<form>表單元素的method屬性被設置爲了「GET」，瀏覽器提交這個FORM表單時生成的HTTP請求消息的請求方式也爲GET。

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

       http://www.it315.org/counter.jsp?name=zhangsan&password=123

使用GET方式傳送的數據量通常限制在1KB如下。

使用POST方式傳遞參數

POST請求方式主要用於向WEB服務器端程序提交FORM表單中的數據。

POST方式將各個表單字段元素及其數據做爲HTTP消息的實體內容發送給WEB服務器，傳送的數據量要比使用GET方式傳送的數據量大得多。

<form>表單元素的enctype屬性用於指定瀏覽器使用哪一種編碼方法將表單中的數據傳送給WEB服務器，該屬性能夠有兩種取值：

application/x-www-form-urlencoded

multipart/form-data

提交、重置、普通按鈕如何傳送參數

總結：

①    在一個FORM表單中能夠有多個提交按鈕，單擊任何一個提交按鈕均可以提交表單，只有被單擊的提交按鈕的名稱和值才被做爲參數傳遞，其它提交按鈕的信息不會做爲參數傳遞。

②    表單中的普通按鈕與重置按鈕的名稱和值不會做爲參數傳遞。

③   沒有設置name屬性的表單字段元素的信息不會做爲參數傳遞。

單行與多行文本輸入框如何傳送參數

總結：

       無論單行和多行文本輸入框中是否有內容，設置了name屬性的文本輸入框的信息老是會做爲參數傳遞。若是文本框中沒有輸入內容，能夠認爲其內容爲一個空字符串（「」），其參數形式爲「text1=」。

單選按鈕與複選框如何傳送參數

總結：

一、  只有被選中的複選框和單選按鈕的信息纔會做爲參數傳遞，未被選中的複選框和單選按鈕的信息不會做爲參數傳遞。

二、  對於多個名稱相同的複選框，它們能夠同時被選中；對於多個名稱相同的單選按鈕，只能同時選中其中的任意一個。

三、  對於被選中的多個同名複選框，它們的信息將以多個名稱相同的參數進行傳遞，即參數列表中會出現多個名稱相同的參數。

四、  對於沒有設置value屬性的單選按鈕和複選框，當它們被選中時，它們傳遞的默認參數值爲「on」。 

隱藏表單字段與圖像字段如何傳送參數

總結：

①    隱藏表單字段元素老是被做爲參數傳遞給WEB服務器。若是要在提交FORM表單時將網頁中的JavaScript程序得到的信息或者上次的WEB服務器端程序產生的標記信息傳送給WEB服務器，使用隱藏字段就是一個很好的辦法。

圖像字段元素也能夠提交FORM表單，用戶單擊圖像字段元素後，表單中的其餘信息和圖像上單擊處的x、y座標一塊兒傳送給服務器，x座標對應的參數名是圖像元素名後加上.x（如image1.x），y座標對應的參數名是圖像元素名後加上.y（如image1.y）

列表框如何傳送參數

總結：

①    沒有做出選擇的列表框的信息不會做爲參數傳遞，就象表單中沒有這個列表框的狀況同樣。

②    若是設置了列表框字段元素的multiple屬性，能夠選擇列表中的多個選項。對於選中的每一個選項，它們都會與列表框的名稱分別組合成單獨的參數後進行傳遞，這樣，參數列表中會出現多個名稱爲列表框名的同名參數 。

③    當選中沒有設置value屬性的列表選項時，瀏覽器使用該選項的標題做爲參數值。