easy ui 表单ajax和from两种提交数据方法

说明:

①ajax在表单提交时需要将所有表单的控件的数据一一获取并赋值传到后台

②form在提交时,只要给控件加name属性,在提交时就可以将表单数据提交到后台,不需要一一获取再进行赋值。

ajax 代码:

复制代码
 $('#btn_submit').click(function () {

if ($('#companyForm').form('validate')) { var _json = jQuery.param({ "id": "20150910","name": "jdqp" });//这是参数 $.ajax({ url: 'test.json', type: 'POST', async: false, data: _json, //这里是传递参数,不能直接写成 {id:"20150910",name:"jdqp"} dataType: 'json', cache: false, success: function (result) { $.messager.show({ title: '提示', msg: '数据保存成功。' }); } }) }
})
复制代码

form代码:

复制代码
//点击提交按钮保存数据
            $('#btn_submit').click(function () {
                $.messager.progress();    // 显示进度条
                $("#companyForm").form('submit', {
                    url: 'test.json',
                    onSubmit: function () {

                        var isValid = $("#companyForm").form('validate');
                        if (!isValid) {
                            $.messager.progress('close');    // 如果表单是无效的则隐藏进度条
                        }
                        return isValid;    // 返回false终止表单提交
                    },
                    success: function (result) {
                        $.messager.progress('close');    // 如果提交成功则隐藏进度条
                        $.messager.show({
                            title: '提示',
                            msg: '数据保存成功。'
                        });
                    }
                });
            });
复制代码

 

posted @   秋风过、枯叶落  阅读(2525)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示