jQuery 程式碼:

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

專案程式碼:

//新增事件
　 $(function() {
        $("#addBtn").click(function() {
            $("#addClassesBtn").dialog({
                closed : false,
                //新增按鈕
                buttons : [ {
                    text : "儲存",
                    handler : function() {
                        //表單提交方法
                        $("#addClassesForm").form("submit", {//form({})相當於表單的建構函式
                            //easyui提交資料給後臺是通過jQuery ajax中的序列化將資料提交給後臺 
                            url : "../ClassesServlet?action=addClassesServlet&"+$(this).serialize(),
                            onSubmit : function() {
                                //表單驗證
                                return $(this).form("validate");
                            },
                            success : function() {
                                $("#addClassesBtn").dialog({
                                    closed : true
                                });
                                $("#addClassesForm").form("clear");
                                $("#myGrid").datagrid("reload");
                                $.messager.alert("訊息提示", "新增成功!", "info");
                            }
                        });
                    }
                }, {
                    text : "重置",
                    handler : function() {
                        $("#addClassesForm").form("clear");
                    }
                } ]
            });
        });