编辑数据-表单保存

最新推荐文章于 2024-07-20 14:04:29 发布

原创

最新推荐文章于 2024-07-20 14:04:29 发布 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #方法 #表单

本文介绍了在编辑数据后如何使用Ajax异步将表单数据发送到后台控制器，并通过封装getFormParameterMap方法，利用Map对象传输多个变量，以避免直接定义大量变量。这种方法不适用于EasyUI控件，但提供了一种简化数据传递的方式。

上次是编辑数据，进行回显。这次继续说编辑数据。在编辑完成后，点击保存将数据保存到数据库。
之前的做法是通过ajax，将表单上的数据异步传动到后台然后调用后台方法，将数据更新到数据。那如果窗体上的数据很多，ajax调用后台controller的方法是，就需要定义多个变量进行传输。
这里对传递的变量，封装了一个方法，利用map传输。

form.jsp-js=

function save(){
   
   
        var parameterMap = getFormParameterMap();
        var jobtypename = $.trim(parameterMap["jobtypename"]);
        if(jobtypename == "" || jobtypename == null){
            alert('<spring:message code="syspages.system.datajobtype.noNull"/>');
            return;
        }

        $.ajax({
            type: "POST",
            url: getRootPath() + "/dataJobtype/save.do;"+ $.now(),
            data:parameterMap,
            dataType: "json",
            success: function(data){
   
   
                if(data.message=="<spring:message code="syspages.system.datajobtype.saveSuccess"/>"){
                    alert('<spring:message code="label.saveSuccess"/>');
                }else{
//                  alert('<spring:message code="label.saveError"/>');
                    alert(data.message);
                    $('#jobtypename').val("");
                    $("input[name=jo