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