:hover 滑鼠懸浮在具有這個屬性的標簽上就會出現變化,使當前標簽具有hover所描述屬性 Web頁面向後臺提交數據的方式和選擇 眾所周知Web前端頁面主要由HTML/CSS/Javascript組成,當要通過與用戶的交互實現各種功能時,就需要向後臺提交一些數據或者操作。在Web世界里各種實現眼花 ...
:hover 滑鼠懸浮在具有這個屬性的標簽上就會出現變化,使當前標簽具有hover所描述屬性
Web頁面向後臺提交數據的方式和選擇
眾所周知Web前端頁面主要由HTML/CSS/Javascript組成,當要通過與用戶的交互實現各種功能時,就需要向後臺提交一些數據或者操作。在Web世界里各種實現眼花繚亂,但究其根本,不外乎三種方式,這也是由前端腳本、瀏覽器與後臺交互規則決定的。
1、通過表單提交
這是HTML支持最傳統的提交方法,需要創建表單,然後表單包含各種類型的表單元素,還要有一個提交按鈕,通過提交按鈕來提交到後臺,這種方式提交後頁面會刷新。
2、通過網頁鏈接提交
可以在網頁的鏈接附上需要提交的參數,當用戶點擊鏈接後,瀏覽器發起向鏈接的訪問,從而也把鏈接附帶的參數提交到後臺,這種方式提交後頁面也會刷新。
3、通過ajax提交
Javascript支持ajax方式創建HTTP請求,可以通過在HTML頁面元素的事件處理函數中創建ajax請求,在url參數里攜帶所需提交的參數,從而提交到後臺,這種方式提交後頁面不會刷新。
在實際Web頁面中,我們要根據實際用戶交互的需要來選擇合適的提交方式。
1、如果需要使用一些的表單類型用戶輸入,比如文本框、單選框、下拉框,那麼可以選擇第1種和第3種方式,如果希望提交後頁面刷新就選第1種,如果不希望提交後頁面刷新就選第3種。
2、如果不需要表單類型輸入,那麼可以選擇第2種和第3種方式,如果希望提交後頁面刷新就選第2種,如果不希望提交後頁面刷新就選第3種。