Jquery：ajax或post方式提交form表单

服务器代码

@Controller
@RequestMapping("/jwt")
public class JWTController {
    @RequestMapping("/login")
    @ResponseBody
    public Result login(String username, String password) {
        if (username == null || password == null) {
            return new Result(789, "用户名或密码不正确", null);
        }
        User user = new User(1001, username, password);
        return new Result(200, "请求成功！", JSON.toJSONString(user));
    }
}

ajax方式

    
        
        登录页面
        
        
            
            
            登录
        
    
    
        
            $(function () {
                $("#btn").click(function () {
                    $.ajax({
                        type:"post",
                        dataType:"json", //预期服务器端返回的数据的类型
                        url:"jwt2/login",
                        data:$("#loginForm").serialize(),
                        success:function (data) {
                            console.info(data);
                        }
                    });
                });
            });
        
    

post方式

    
        
        登录页面
        
    
    
        
            
            
        
        登录
        
            $(function () {
                let obj = {};

                function getObj(str) {
                    let arr = str.split('&');
                    arr.map(function (item) {
                        let tempArr = item.split('=');
                        obj[tempArr[0]] = tempArr[1];
                    });
                    console.log(obj);
                    return obj;
                }
                $("#btn").click(function () {
                    let p = $("#loginForm").serialize();
                    let params = getObj(p);
                    $.post(
                        "jwt/login",
                        params,
                        function (result) { //请求成功
                            console.log(result);
                            if (result.code == 200) {
                                //获取令牌并保存到本地
                                localStorage.setItem("token", '{"token":"' + result.data + '"}');
                            }
                            if (result.code == 789) {
                                window.location = "login";
                            }
                        }, "JSON");
                });
            });