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

最新推荐文章于 2022-08-16 17:57:24 发布

原创最新推荐文章于 2022-08-16 17:57:24 发布 · 6.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #表单 #数据

jQuery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用EasyUI库，通过jQuery代码将前端表单数据有效传递到后台，实现前后端数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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");
                    }
                } ]
            });
        });