首頁 >web前端 >html教學 >Web頁面向後台提交資料的方式和選擇

Web頁面向後台提交資料的方式和選擇

WBOY
WBOY原創
2016-09-23 11:13:151611瀏覽

1、透過表單提交

這是HTML支援最傳統的提交方法,需要建立表單,然後表單包含各種類型的表單元素,還要有一個提交按鈕,透過提交按鈕來提交到後台,這種方式提交後頁面會刷新。

2、透過網頁連結提交

可以在網頁的連結附上需要提交的參數,當用戶點擊連結後,瀏覽器發起向連結的訪問,從而也把連結附帶的參數提交到後台,這種方式提交後頁面也會刷新。

3、透過ajax提交

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

在實際Web頁面中,我們要根據實際使用者互動的需要來選擇適當的提交方式。

1、如果需要使用一些的表單類型使用者輸入,例如文字框、單選框、下拉框,那麼可以選擇第1種和第3種方式,如果希望提交後頁面刷新就選第1種,如果不希望提交後頁面刷新就選第3種。

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

如果一個表單裡有需要有多個提交按鈕怎麼辦呢?
例如一個表單裡的提交按鈕所指向的處理頁面不同,這樣由於表單在定義的時候就已經確定下表單資料的處理頁面,所以單純地在表單裡放多個提交按鈕是沒有辦法達到目的的。這就需要javascript。
先定義一個函數:


透過javascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內程式碼如下:





陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn