easyui怎么将前台表单数据传递给后台?

前几天一直在研究easyui,当把前台表单数据传递给后台时,出现了很多问题,研究了好长时间原来可以使用jquery ajax中的serialize()序列化将前台表单数据传递给后台,下面是

jQuery 代码:
$("#results").append( "<tt>" + $("form").serialize() + "</tt>" );

项目代码如下:
 1   //添加事件
 2   $(function() {
 3         $("#addBtn").click(function() {
 4             $("#addClassesBtn").dialog({
 5                 closed : false,
 6                 //添加按钮
 7                 buttons : [ {
 8                     text : "保存",
 9                     handler : function() {
10                         //表单提交方法
11                         $("#addClassesForm").form("submit", {//form({})相当于表单的构造函数
12                             //easyui提交数据给后台是通过jQuery ajax中的序列化将数据提交给后台
13                             url : "../ClassesServlet?action=addClassesServlet&"+$(this).serialize(),
14                             onSubmit : function() {
15                                 //表单验证
16                                 return $(this).form("validate");
17                             },
18                             success : function() {
19                                 $("#addClassesBtn").dialog({
20                                     closed : true
21                                 });
22                                 $("#addClassesForm").form("clear");
23                                 $("#myGrid").datagrid("reload");
24                                 $.messager.alert("消息提示", "添加成功!", "info");
25                             }
26                         });
27                     }
28                 }, {
29                     text : "重置",
30                     handler : function() {
31                         $("#addClassesForm").form("clear");
32                     }
33                 } ]
34             });
35         });
时间: 2024-10-11 04:32:36

easyui怎么将前台表单数据传递给后台?的相关文章

easyui提交表单数据的时候如何防止二次提交

在前端提交数据的时候有时候可能会由于网络延迟等原因,我们在等待的时候会多次点击保存按钮,这可能会导致我们一次输入的数据多次提交,导致数据重复.最近在做项目的时候碰到了这个问题,先说一点,这个问题的解决方案有很多种,有的在前端解决,有的方案在后端解决,个人觉得能够在前段解决的最好在前段就解决,而且拿java来说,如果在后端解决,在高并发的情况下还要考虑线程安全的问题.最近接触的项目的前端是easyui,在此把解决方案做下记录. 不论是easyui还是别的框架,总体的一个思路是:当我们点击保存按钮之

PHP+Mysql+easyui点击左侧tree菜单对应表名右侧动态生成datagrid加载表单数据(二)

关于tree菜单生成,参考我的另一篇博文地址tree 菜单 实现功能:点击左侧tree菜单中的table,右侧通过datagrid加载出该表对用的所有数据 难点:获取该表的所有列名,动态生成datagrid,并加载数据 解决办法: 使用tree菜单的onClick事件: $('#tree').tree( { url:'tree_getData.php', onClick:function(node){ //判断点击的节点是否是子节点是子节点就创建datagrid,否则就return打开这个节点

Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个

(function ($) { $.messageBox = function (message) { $.messager.show({ title:'消息框提示', msg:message, showType:'show' }); }; /** * 获取时间区间 * @param type 1:当年的一月一日到现在:type 2:获取当月的第一天和最后一天 * return {startTime:xxxx,endTime:xxxx} */ $.getTimeInterval = functi

解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象

原文:解析:使用easyui的form提交表单,在IE下出现类似附件下载时提示是否保存的现象 之前开发时遇到的一个问题,使用easyui的form提交表单,在Chrome下时没问题的,但是在IE下出现类似附件下载时提示是否保存的现象. 这里记录一下如何解决的.其实这个现象不光是easyui的form,还有其他一些form插件也是一样的,使用不当就会遇到这个问题. 前台: <!DOCTYPE html> <html> <head> <meta http-equiv=

防止JSP表单数据重复提交

结合各种搜索资料,采用了两个方法一.前台验证1.首先在from表单加一个隐藏域字段,设值为true.例如: <input type="hideen" name="tokenFlag" id="tokenFlag" value="true"/>2.在js中表单提交的验证方法中加判断,如下: var flag=$("#tokenFlag").val(); if(flag=="true&qu

SpringMVC 接收表单数据、数据绑定

接收表单数据有3种方式. 1.使用简单类型接收表单数据(绑定简单数据类型) 表单: <form action="${pageContext.request.contextPath}/userController/handler" method="post"> 用户名:<input name="username" type="text" /><br /> 密码:<input name=&

jquery ajax提交表单数据的两种方式

jquery ajax提交表单数据的两种方式

Struts2中Action取得表单数据的几种方法

Struts2中Action取得表单数据的几种方法 Struts2中Action获得表单数据的几种方法struts2 Action获取表单传值 1.通过属性驱动式JSP: <form action="sys/login.action" method="post"> <input type="text" name="username"> <input type="submit"

atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证

atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证 1. 需求,表单验证需要弹框式,但目前easyui ms绑定死了tooltip式样 1 2. 表单验证表现形式 1 2.1. 弹框 1 2.2. 浮动tooltip,推荐这个 1 3. 表单验证的实现原理 1 3.1. 定义reg 2 3.2. 解释 2 3.3. 调用提示... 2 4. 表单验证框架选型easyui>ligerui 2 4.1. ligerui的表单验证选型... 2 4.