$(document).ready(
function(),
error:
function
(request) ,
success:
function
(data)
});return
false
;});
});關鍵點:$('#myform').serialize()。serialize() 方法通過序列化表單值,建立 url 編碼文字字串。
注意點:當非同步提交獲取form表單中的值時,一定 不要加 runat="server",否則$('#myform').serialize()獲取值
會出現亂碼,並且無法$.get().post().請求失敗,因為data:$('#myform').serialize()亂碼,卻掉runat="server"即可成功非同步請求。
備註:只能出現一次,可以多個並列出現,但是不能巢狀出現。
jquery非同步提交form表單
這個其實挺簡單的,只是一開始我想錯了,一開始我打算用
jquery + jquery.form
外掛程式來做,其實不必的,只需要
jquery
外掛程式就可以了。
首先,在
jsp頁面中匯入
jquery
,然後在
jquery
的ready
方法中定義
form
提交時的動作就可以了,
$(document).ready(function() {
//使用
jquery
非同步提交表單
$('#editrealmsgform').submit(function() {
jquery.ajax({
url: 'editrealmsg.eri',
data: $('#editrealmsgform').serialize(),
type: "post",
beforesend: function()
{$('#submitbutton').hide();
$('#editrealmsgimg').show();
success: function()
$('#editrealmsgimg').hide();
$('#modifybutton').show();
$('#realname').attr("disabled","true");
$('#tel').attr("disabled","true");
return false;
現在這個
form
就繫結好
jquery
封裝的非同步提交
方法了,簡單吧!
Jquery實現非同步提交表單,解決多表單提交的問題
使用者資訊更新部分,同時提交多個表單 submitall on click function 這樣做的結果是,瀏覽器將提交小的表單先提交了,然後跳轉重新整理頁面。當然,這個問題不符合業務邏輯所以,使用ajaxsubmit來非同步提交表單,目的就是為了讓表單調教之後不function submitco...
jQuery非同步提交
引用jquery檔案 呼叫js function check if document.getelementbyid x pwd value if document.getelementbyid x yanzheng value post chuli login.aspx resultss retur...
jquery 表單提交
jquery 函式裡面的data是json格式,所以傳值的時候必須傳json格式 response.getwriter print dataarr.tojsonstring 1.1 load方法,用於load伺服器的檔案如下 input first click function 上述方法是載入了fo...