当前位置: 首页 > 工具软件 > easy-ajax > 使用案例 >

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

龚苏燕
2023-12-01

说明:

①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: '数据保存成功。'
                        });
                    }
                });
            });

 

转载于:https://www.cnblogs.com/foreverfendou/p/4800923.html

 类似资料: