X-admin2.2表单提交方式及注意事项

最新推荐文章于 2021-08-30 17:23:56 发布

十点数据

最新推荐文章于 2021-08-30 17:23:56 发布

阅读量1.2k

点赞数

分类专栏： Web开发文章标签： java

本文链接：https://blog.csdn.net/fyli0304/article/details/106226561

版权

Web开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

在做基于SpringBoot+Frammark+X-admin2.2的开发时，涉及到的表单提交处理逻辑，记录一下以备不时之需。

前端代码如下所示：

// 表单提交
form.on('submit(first1)', function (data) {
    var articleFrom = data.field;//获取数据集合；
    $.ajax({
        type:"POST",
        url:"/layui/user/addEdit",//提交数据接口
        data:articleFrom,
        dataType:"JSON",
        success:function (data) {
            if(data.flag){
              	 //关闭当前frame
				xadmin.close();
				// 可以对父窗口进行刷新 
				xadmin.father_reload();
            }
        }
    });
    return false;
});

最后return false防止页面刷（form表单提交后如果请求原来的页面尾后没有参数？id=之类的参数请求，可以不返回false）），

后端代码：

package com.mtons.mblog.web.controller.manage.authority.user;
import com.mtons.mblog.base.lang.Consts;
import com.mtons.mblog.web.controller.BaseController;
import net.sf.json.JSONObject;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import java.util.HashMap;
import java.util.Map;
/**
 * @author YingFan
 *
 */
@Controller()
@RequestMapping("/layui/user")
public class UserController extends BaseController {
    // 获取日志记录器Logger，名字为本类类名
    private static final Logger log = LoggerFactory.getLogger(UserController.class);

    // 新增或保存用户信息；
    @RequestMapping("/addEdit")
    public void addEdit(User user, ModelMap model) {
        log.info("保存用户信息；");
        Map<String, String> result = new HashMap<String, String>();
        result.put("sucess", "true");
        String json = JSONObject.fromObject(result).toString();
        System.out.println(json);
    }
}