form表單提交的幾種方式

2021-09-24 03:34:59 字數 1293 閱讀 5720

表單提交方式一:直接利用form表單提交

html頁面**:

controller頁面**:

package com.help.demo.controller;

import org.springframework.stereotype.controller;

import org.springframework.web.bind.annotation.responsebody;

@controller

public class usercontroller

}

完成後啟動專案 並訪問http://localhost:8080/query.html輸入使用者名稱和密碼

出現下圖表示成

表單提交方式二:使用ajax提交

html頁面**:

controller類的**不變,啟動專案並訪問http://localhost:8080/query.html返貨成功即可

這裡遇到乙個問題:就是傳過去資料後,返回值正常,但進入了error ,使用console列印error時出現parsererror

錯誤原因:ajax的datatype設定問題 我之前設定為 json ,這種只能是接收後台傳回來的json值 傳回其他值就會出現這種錯誤

解決辦法:將datatype的型別改為 text

表單提交方式三:使用easyui的form外掛程式提交

html頁面**:(需要引入jquery 與 easyui的js檔案)

controller類不變,啟動專案並訪問http://localhost:8080/query.html這個是我定義的頁面返回結果表示成功

附件只能通過submit方法進行提交

Form表單提交資料的幾種方式

一 submit提交 在form標籤中新增action 提交的位址 和method post 且有乙個submit按鈕 就可以進行資料的提交,每乙個input標籤都需要有乙個name屬性,才能進行提交。當點選登陸時,向服務端發生的資料是 username username password pass...

form 表單提交方式

表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面iframe則不會重新整理頁面 一般表單提交通過type submit實現,input type submit 瀏覽器顯示為butt...

form表單的提交方式

最基本的提交方式,或者提交,這兩種方式效果是一樣的。如果需要再提交表單之前進行驗證,可以在form標籤中設定onsubmit屬性,如下 函式mysubmit 如下 使用js的submit 注意 此函式不是jquery的,而是html dom的方法 函式進行表單提交,此類表單提交不會觸發onsubmi...