Web頁面向後臺提交數據的方式和選擇

一、經過表單提交javascript

這是HTML支持最傳統的提交方法,須要建立表單,而後表單包含各類類型的表單元素,還要有一個提交按鈕,經過提交按鈕來提交到後臺,這種方式提交後頁面會刷新。php

二、經過網頁連接提交java

能夠在網頁的連接附上須要提交的參數,當用戶點擊連接後,瀏覽器發起向連接的訪問,從而也把連接附帶的參數提交到後臺,這種方式提交後頁面也會刷新。ajax

三、經過ajax提交瀏覽器

Javascript支持ajax方式建立HTTP請求,能夠經過在HTML頁面元素的事件處理函數中建立ajax請求,在url參數裏攜帶所需提交的參數,從而提交到後臺,這種方式提交後頁面不會刷新。函數

在實際Web頁面中,咱們要根據實際用戶交互的須要來選擇合適的提交方式。post

一、若是須要使用一些的表單類型用戶輸入,好比文本框、單選框、下拉框,那麼能夠選擇第1種和第3種方式,若是但願提交後頁面刷新就選第1種,若是不但願提交後頁面刷新就選第3種。url

二、若是不須要表單類型輸入,那麼能夠選擇第2種和第3種方式,若是但願提交後頁面刷新就選第2種,若是不但願提交後頁面刷新就選第3種。spa

若是一個表單裏有須要有多個提交按鈕怎麼辦呢?
好比一個表單裏的提交按鈕所指向的處理頁面不一樣,這樣因爲表單在定義的時候就已經肯定下表單數據的處理頁面,因此單純地在表單裏放多個提交按鈕是沒有辦法達到目的的。這就須要javascript。
首先定義一個函數:orm


<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>

相關文章
相關標籤/搜索