关于ajax form-data和json的区别,及其application/x-www-form-urlencoded;charset=UTF-8问题解决方案

最新推荐文章于 2024-07-10 20:27:37 发布

Andy2019

最新推荐文章于 2024-07-10 20:27:37 发布

阅读量5.8k

点赞数 3

分类专栏：常见问题文章标签： application/x-www-form-urlencoded ajax form-data和json的区别

本文链接：https://blog.csdn.net/andy2019/article/details/100112550

版权

常见问题专栏收录该内容

1 篇文章 0 订阅

订阅专栏

常见的ajax传值有两种方式

form-data

$.ajax({
        type: "post",
        url: ctx + "login",
        data: {
            "username": username,
            "password": password,
            "validateCode" : validateCode,
            "rememberMe": rememberMe
        },
        success: function(r) {
            if (r.code == 0) {
                debugger;
                location.href = ctx + 'index';
            } else {
            	$.modal.closeLoading();
            	$('.imgcode').click();
            	$(".code").val("");
            	$.modal.msg(r.msg);
            }
        }
    });

在这里插入图片描述
此时Java后端需要这样接收

@PostMapping("/login")
    @ResponseBody
    public AjaxResult ajaxLogin(String username, String password, Boolean rememberMe)
    {
        UsernamePasswordToken token = new UsernamePasswordToken(username, password, rememberMe);
        Subject subject = SecurityUtils.getSubject();
        try
        {
            subject.login(token);
            return success();
        }
        catch (AuthenticationException e)
        {
            String msg = "用户或密码错误";
            if (StringUtils.isNotEmpty(e.getMessage()))
            {
                msg = e.getMessage();
            }
            return error(msg);
        }
    }

json

$.ajax({
        type: "post",
        dataType: "json",
        url: ctx + "login",
        data: JSON.stringify({"username": username, "password": password,"validateCode" : validateCode,"rememberMe": rememberMe}),
        contentType: "application/json;charset-UTF-8",
        success: function(r) {
            if (r.code == 0) {
                debugger;
                location.href = ctx + 'index';
            } else {
            	$.modal.closeLoading();
            	$('.imgcode').click();
            	$(".code").val("");
            	$.modal.msg(r.msg);
            }
        }
    });

在这里插入图片描述
此时Java后端需要这样接收

@PostMapping("/login")
    @ResponseBody
    public AjaxResult ajaxLogin(@RequestBody Test test)
    {
        UsernamePasswordToken token = new UsernamePasswordToken(test.getUsername(), test.getPassword(), test.getRememberMe());
        Subject subject = SecurityUtils.getSubject();
        try
        {
            subject.login(token);
            return success();
        }
        catch (AuthenticationException e)
        {
            String msg = "用户或密码错误";
            if (StringUtils.isNotEmpty(e.getMessage()))
            {
                msg = e.getMessage();
            }
            return error(msg);
        }
    }