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

2022-09-12 09:03:10 字數 741 閱讀 6030

1、通過表單提交

這是html支援最傳統的提交方法,需要建立表單,然後表單包含各種型別的表單元素,還要有乙個提交按鈕,通過提交按鈕來提交到後台,這種方式提交後頁面會重新整理。

2、通過網頁鏈結提交

可以在網頁的鏈結附上需要提交的引數,當使用者點選鏈結後,瀏覽器發起向鏈結的訪問,從而也把鏈結附帶的引數提交到後台,這種方式提交後頁面也會重新整理。

3、通過ajax提交

j**ascript支援ajax方式建立http請求,可以通過在html頁面元素的事件處理函式中建立ajax請求,在url引數裡攜帶所需提交的引數,從而提交到後台,這種方式提交後頁面不會重新整理。

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

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

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

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

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

首先定義乙個函式:

通過j**ascript改變form的action屬性值,這樣就可以實現多提交按鈕而且功能不同了,頁面內**如下:

可以向後台提交資料的方式總結

web 頁面向後台提交資料的實現方式有很多種,以下做一下總結 1.通過form 表單提交 form 表單提交是很普遍的一種向後台傳值的方式,通過 form 的 action 屬性可以向後台的servlet 傳值 2.通過 ajax 傳值 在 ajax 中 可以為 data 設定值,然後在後台進行接收...

day59 前端向後台提交資料的幾種方式

直接用from表單的方式提交資料,優點是簡單,缺點是錯誤資訊看不到。ajax提交,其中又分為兩種 1.有錯誤就顯示錯誤資訊,無錯誤就重新整理頁面 js location.relad 2.有錯誤,顯示錯誤資訊,無錯誤,區域性新增 jquery 通過on繫結事件 缺點 個人覺得這種方法特別特別特別麻煩。...

常用的頁面提交方式

本文來總結一下,常用的頁面提交方式。提到常用,大家就要注意了。如果你選用的方式不常用,那麼你就該思量一下自己的設計或者程式了。還是要站在巨人的肩膀上,才能創造出好的東西。其實,本文將要講的幾種方式都比較常用。常用就是合適的時候,做合適的事情。合適的技術,用在合適的地方,就是好的設計 就像合適的時間,...