form表單提交問題

2022-05-04 10:06:07 字數 1109 閱讀 5958

1.提交後不能跳轉到指定頁面

jsp**

js提交事件處理:

$(".btn-primary").click(function(), function(data) );

})

這種寫法在頁面點選儲存後在當前頁面跳轉, 而不執行post請求function(data){}中的方法:window.history.back()返回到上一級歷史頁面,分析原因是button的type是submit, submit會將表單提交(form.submit())作為其onclick後的預設事件, 執行完onclick, 轉到action. 預設在當前頁跳轉.

這樣不行於是試了試去掉type="submit"

儲存
依然不行, 查了查發現這個按鈕放在 form 中也會點選自動提交.

解決辦法: type改成button

儲存
於是可以了.

2.不用button的onclick()方法提交表單,改用form的onsubmit.

jsp**

js**:

$(".btn-primary").click(function() );

function postdata() else

}});

return false;

}

可以跳轉到指定url了, 也可以儲存資料到資料庫, 但是會一次儲存兩條. 分析原因是因為form表單中的button有著自動提交功能, 點選儲存後button提交一次, form表單中的onsubmit又執行postdata()方法提交一次, 因此資料庫中會存入兩條相同的資料.

既然submit容易出錯,那就不用submit了,改為如下**:

jsp 

js

$(".btn-primary").click(function() );

function postdata() else

}});

return false;

}

這樣就沒有問題了, 可以成功儲存一條資料, 並且儲存之後可以跳轉到指定url.

ajax提交form表單問題

form表單提交資料可以省下大量大量獲取元素的 區域性重新整理時也可以用ajax提交form表單,但是要先把表單序列化,再把後台j abean物件序列化,但是你有可能前後臺都執行了系列化,但是後台還是接受不到物件,會出現400錯誤,400錯誤為請求錯誤,很多時候是引數異常,表單序列化出現400錯誤,...

form表單提交

表單的enctype屬性 enctype 屬性規定在傳送到伺服器之前應該如何對表單資料進行編碼。value 值 描述在傳送前編碼所有字元 預設 multipart form data 不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值。text plain 空格轉換為 加號,但不對特殊字元...

form表單提交

1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在jsp的前端頁面寫 有兩種方法,一種是用submit提交。一種是用button提交。方法一 在jsp的前端頁面的頭部插入乙個js方法 function checkuser if password else ...