淺談Web頁面向后臺提交數(shù)據(jù)的方式和選擇
1、通過表單提交
這是HTML支持最傳統(tǒng)的提交方法,需要創(chuàng)建表單,然后表單包含各種類型的表單元素,還要有一個提交按鈕,通過提交按鈕來提交到后臺,這種方式提交后頁面會刷新。
2、通過網(wǎng)頁鏈接提交
可以在網(wǎng)頁的鏈接附上需要提交的參數(shù),當(dāng)用戶點擊鏈接后,瀏覽器發(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ù)的處理頁面,所以單純地在表單里放多個提交按鈕是沒有辦法達(dá)到目的的。這就需要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)容了,希望對大家有所幫助,多多支持腳本之家~
相關(guān)文章
javascript函數(shù)聲明和函數(shù)表達(dá)式區(qū)別分析
本文向大家展示了javascript中函數(shù)聲明和函數(shù)表達(dá)式的概念及區(qū)別,介紹的非常全面,也很詳盡,這里推薦給大家2014-12-12

