1、通過表單提交

這是HTML支持最傳統(tǒng)的提交方法，需要?jiǎng)?chuàng)建表單，然后表單包含各種類型的表單元素，還要有一個(gè)提交按鈕，通過提交按鈕來提交到后臺(tái)，這種方式提交后頁面會(huì)刷新。

2、通過網(wǎng)頁鏈接提交

可以在網(wǎng)頁的鏈接附上需要提交的參數(shù)，當(dāng)用戶點(diǎn)擊鏈接后，瀏覽器發(fā)起向鏈接的訪問，從而也把鏈接附帶的參數(shù)提交到后臺(tái)，這種方式提交后頁面也會(huì)刷新。

3、通過ajax提交

Javascript支持ajax方式創(chuàng)建HTTP請(qǐng)求，可以通過在HTML頁面元素的事件處理函數(shù)中創(chuàng)建ajax請(qǐng)求，在url參數(shù)里攜帶所需提交的參數(shù)，從而提交到后臺(tái)，這種方式提交后頁面不會(huì)刷新。

在實(shí)際Web頁面中，我們要根據(jù)實(shí)際用戶交互的需要來選擇合適的提交方式。

1、如果需要使用一些的表單類型用戶輸入，比如文本框、單選框、下拉框，那么可以選擇第1種和第3種方式，如果希望提交后頁面刷新就選第1種，如果不希望提交后頁面刷新就選第3種。

2、如果不需要表單類型輸入，那么可以選擇第2種和第3種方式，如果希望提交后頁面刷新就選第2種，如果不希望提交后頁面刷新就選第3種。

如果一個(gè)表單里有需要有多個(gè)提交按鈕怎么辦呢？

比如一個(gè)表單里的提交按鈕所指向的處理頁面不同，這樣由于表單在定義的時(shí)候就已經(jīng)確定下表單數(shù)據(jù)的處理頁面，所以單純地在表單里放多個(gè)提交按鈕是沒有辦法達(dá)到目的的。這就需要javascript。

首先定義一個(gè)函數(shù)：

<script language=javascript> 
function query(){ 
form.action=”query.php”; 
form.submit();} 
function update(){ 
form.action=”update.php”; 
form.submit();} 
</script>

通過javascript改變form的action屬性值，這樣就可以實(shí)現(xiàn)多提交按鈕而且功能不同了，頁面內(nèi)代碼如下：

<form name=”form” method=”post” action=”#”> 
<input type=”button” name=”query” onclick=”query();” value=”查詢”> 
<input type=”button” name=”update” onclick=”update();” value=”更新”> 
</form>

以上就是小編為大家?guī)淼臏\談Web頁面向后臺(tái)提交數(shù)據(jù)的方式和選擇的全部內(nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~

最新評(píng)論