DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 淺談Web頁面向後台提交數據的方式和選擇
淺談Web頁面向後台提交數據的方式和選擇
編輯:JavaScript基礎知識     

1、通過表單提交

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

2、通過網頁鏈接提交

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

3、通過ajax提交

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

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

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

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

如果一個表單裡有需要有多個提交按鈕怎麼辦呢?

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

首先定義一個函數:

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

以上就是小編為大家帶來的淺談Web頁面向後台提交數據的方式和選擇的全部內容了,希望對大家有所幫助,多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved