jQuery异步提交form表单

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");

}

});

returnfalse;

});

});

现在这个form就绑定好jQuery封装的异步提交方法了,简单吧!

 

 

 

 

=====================================================

the secondmethod

    no input id

=======================================================

Jquery来对form表单提交(mvc方案)

Jquery来对form表单提交,下面是一个form表单,里面没有action字段,我们来用Jquery注册事件进行提交,
 


   " />
   " />
           
       

           
               
                   
                   
                             

你可能感兴趣的:(jQuery异步提交form表单)


                       关键字:
                   

                       "
                           isnull="0" />
                       关键字请用逗号隔开