淺談Web頁面向后臺提交數(shù)據(jù)的方式和選擇

更新時間：2016年09月23日 17:51:52 投稿：jingxian

下面小編就為大家?guī)硪黄獪\談Web頁面向后臺提交數(shù)據(jù)的方式和選擇。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

1、通過表單提交

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

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

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

3、通過ajax提交

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

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

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

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

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

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

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

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

通過javascript改變form的action屬性值，這樣就可以實現(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頁面向后臺提交數(shù)據(jù)的方式和選擇的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~

您可能感興趣的文章: