jquery插件EasyUI中form表单提交实例分享

之前用AJax给Controller传递参数，然后再调用服务端的方法对数据库进行更改，今天碰到一个新的方法，就是表单的提交，这样可以省去AJax传参。

当表单提交后，我们可以获取表单上控件中的值，然后再调用服务端的方法对数据库进行更改。下面的一张截图是具体的业务需求。

一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单代码。二、表单代码

rush:xhtml;">

ottom: 30px; margin-left: 70px;">

名称:Box" type="text" id="EditClassName" name="ClassName" data-options="required:true,validType:['maxLength[20]']"/> display:none" class="easyui-textBox" type="text" id="EditClassID" name="ClassID" data-options="required:true"/> Box" name="OrganizationName1" data-options="required:true"/> Box" name="GradeName" data-options="required:true"/>

    <tr&gt; 
      <td&gt;备注:</td&gt; 
      <td&gt; 
        <textarea class="easyui-validatebox" id="NoteId" name="Note" validType:['maxLength[50]></textarea> 
    </tr&gt; 
    </table&gt; 

  <div style="margin-top: 20px;"&gt; 
    <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" style="margin-left: 10px;" onclick="EditsubmitForm()"&gt;确定</a> 
    <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" style="margin-left: 60px;" onclick="EditclearForm()"&gt;取消</a> 
  </div> 
</form>

三、表单提交代码

四、后台Controller获得表单中的数据

初学乍练，感觉比AJax传参好用多了，因为AJax穿参时需要将各个参数的名字全部写进去，而表单提交时，默认将表单中的内容全部传送过去，这样表单中只要有什么数据我们就可以在后台获取什么数据，当然了，这些数据是提前绑定好的，或者是我们之前填写好的。

以上就是本文的全部内容，希望对大家学习jquery程序设计有所帮助。

jquery插件EasyUI中form表单提交实例分享

一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单代码。 二、表单代码

三、表单提交代码

四、后台Controller获得表单中的数据

相关文章

一、要实现的功能：从上面这个表单中，获取控件中的值，然后传递给后台。下面是表单代码。二、表单代码