1、通過表單提交
這是HTML支持最傳統的提交方法,需要創建表單,然後表單包含各種類型的表單元素,還要有一個提交按鈕,通過提交按鈕來提交到後台,這種方式提交後頁面會刷新。
2、通過網頁鏈接提交
可以在網頁的鏈接附上需要提交的參數,當用戶點擊鏈接後,浏覽器發起向鏈接的訪問,從而也把鏈接附帶的參數提交到後台,這種方式提交後頁面也會刷新。
3、通過ajax提交
Javascript支持ajax方式創建HTTP請求,可以通過在HTML頁面元素的事件處理函數中創建ajax請求,在url參數裡攜帶所需提交的參數,從而提交到後台,這種方式提交後頁面不會刷新。
在實際Web頁面中,我們要根據實際用戶交互的需要來選擇合適的提交方式。
1、如果需要使用一些的表單類型用戶輸入,比如文本框、單選框、下拉框,那麼可以選擇第1種和第3種方式,如果希望提交後頁面刷新就選第1種,如果不希望提交後頁面刷新就選第3種。
2、如果不需要表單類型輸入,那麼可以選擇第2種和第3種方式,如果希望提交後頁面刷新就選第2種,如果不希望提交後頁面刷新就選第3種。
如果一個表單裡有需要有多個提交按鈕怎麼辦呢?
比如一個表單裡的提交按鈕所指向的處理頁面不同,這樣由於表單在定義的時候就已經確定下表單數據的處理頁面,所以單純地在表單裡放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
首先定義一個函數:
<script language=javascript> function query(){ form.action=”query.php”; form.submit();} function update(){ form.action=”update.php”; form.submit();} </script>
通過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內代碼如下:
<form name=”form” method=”post” action=”#”> <input type=”button” name=”query” onclick=”query();” value=”查詢”> <input type=”button” name=”update” onclick=”update();” value=”更新”> </form>
以上就是小編為大家帶來的淺談Web頁面向後台提交數據的方式和選擇的全部內容了,希望對大家有所幫助,多多支持~