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

最新推荐文章于 2020-11-23 18:36:30 发布

weixin_30482383

最新推荐文章于 2020-11-23 18:36:30 发布

阅读量341

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 后端前端 ViewUI

原文链接：http://www.cnblogs.com/tooker/p/4700306.html

前几天一直在研究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         });