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