jQuery异步提交form表单

jQuery异步提交form表单

 

这个其实挺简单的，只是一开始我想错了，一开始我打算用jQuery +jQuery.form插件来做，其实不必的，只需要jQuery插件就可以了。

首先，在jsp页面中导入jQuery，

<script type="text/JavaScript"src="<%=request.getContextPath()%>/js/jquery-1.4.2.js"></script>

然后在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注册事件进行提交，
 

<form method="post"id="documentForm">

   <input type="hidden" id="hidId" name="hidId"value="<%=Request.QueryString["id"]%>" />

   <input type="hidden" id="hidAction" name="hidAction"value="<%=Request.QueryString["action"]%>" />

   <divclass="fieldbody">        

       <div class="tagsiglebody">

           <table class="create">

               <tr>

                   <th class="w100">

                       关键字：

                   </th>

                   <td class="nes">

                       <input type="text" id="txtKeyword" name="txtKeyword"class="txt w250" value="<%=ViewData.eval_r("keywords") %>"

                           isnull="0" />

                       关键字请用逗号隔开

                   </td>

               </tr>