form表單提交與ajax提交的差別

2021-09-19 08:53:13 字數 637 閱讀 3274

第一種:表單提交form submit方式

form提交是我們經常使用的向後台提交資料的一種方式

action設定url,method設定http請求的方式。

第二種:ajax非同步請求方式

ajxa首先是要通過js獲取到使用者輸入內容,然後可以對輸入的內容進行ajxa請求傳送到後台進行乙個驗證,驗證完畢後返回給前台,這就驗證完畢了。

$.ajax();

$.post(url,data,success(data, textstatus, jqxhr),datatype)

上面兩種方式請求的乙個適用場景:

情況一:提交並重新整理當前頁面,或者提交後跳轉到其他頁面。

情況二:提交資料做驗證(返回後台的處理資訊)

情況一比較適合用form表單提交的方式處理,簡單粗暴,還可以新增一些html5的基本驗證。情況二比較適合用ajax請求的方法,因為可以在success函式中對返回的一些資訊做操作處理,驗證通不通過等。

get和post是常用的兩種請求方法,get方法用來請求資料,引數會在url中傳送,請求可以被快取並保留在瀏覽器的歷史記錄中,敏感資料應該避免使用get請求方法;post方法請求不會被快取也不會在瀏覽器中保留記錄表資料長度沒有要求,可以處理敏感資料(使用者密碼等)

Form表單提交與ajax非同步提交的區別與聯絡

區別 form表單提交 一般都會進行頁面跳轉 ajax非同步提交 可以不進行頁面跳轉 form表單提交 forms 用form表單的action和method來確定提交到的位址和提交的方式 點選確認按鈕會觸發form表單的提交事件,資料傳輸到後端,然後由servlet後台控制頁面跳轉以及資料傳遞。a...

Ajax提交form表單

ajax提交form表單 高校平台專案中採用的ui框架為dwz框架,這個框架有乙個很靈活又很讓人頭疼的問題,那就是它的div碎片。所謂的div碎片指的是每乙個jsp頁面不再是乙個單純的jsp了,此時的jsp只不過是乙個div,通過dwz框架本身的ajax技術,可以將任何乙個jsp作為乙個div嵌入到...

form表單提交轉為ajax方式提交

要轉為ajax方式提交,需要做以下幾個改變 1.將form元素的屬性action和method去掉,新增id myform form元素就變為 2.將提交按鈕的button的type submit 改為type button 3.在js檔案中寫入 function 這樣,就可以愉快地將form表單提...