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