SpringBoot+Ajax数据传输+radio控件赋值+select控件赋值

Ajax数据传输：
1、传数据：

前端代码
//url:代表数据传输的地址
//type:代表传输方式
//data:需要传输的数据
//contentType:消息主体是用何种方式编码
//dataType : 传输的数据格式
// success:传输成功后执行该后面的代码
// error :传输失败后执行该后面的代码
function test() {
        var num = $("#num").val().trim();
        var password = $("#password").val().trim();
        var password1 = $("#password1").val().trim();
        var nickname = $("#nickname").val().trim();
        var data = {num:num,nickname:nickname,password:password,password1:password1,code:code};
        $.ajax({
            url : "/register",
            type : "POST",
            data: JSON.stringify(data),
            contentType : "application/json;charset-UTF-8",
            dataType : "json",
            success : function (data) {
            	 if (data.tips == "success") {
            	 		alert("成功了");
            	 	}
                }
            },
            error : function () {
                alert("传输失败");
            }
        });
}

后端代码
    
    @PostMapping("/register")
    @ResponseBody
    public Map register(@RequestBody User user) throws Exception {
        Map map = new HashMap();
        map.put("tips","success")
        return map;
    }
//记得加上 @ResponseBody以json格式返回数据
//如果传输的是实体类（return user;）Spring会自动转为json格式

2、获取数据

//url可以拼接
前端代码
function test() {
        $.ajax({
            url : "/user/detail"+"?num="+num,
            type : "GET",
            success : function (data) {
            	alert("成功了");
            },
            error : function () {
                alert("失败了");
            }
        });
    }
 //后端代码
     
    @GetMapping("/user/detail")
    @ResponseBody
    public User deTailUser(@RequestParam(value = "num") String num) {
        QueryWrapper queryWrapper = new QueryWrapper();
        queryWrapper.eq("num",num);
        User user = userMapper.selectOne(queryWrapper);
        return user;
    }

控件赋值

//给radion控件赋值
//data是传过来的数据
.
.
.
success : function (data) {
//如果对象里的sex属性值为"男"，设置控件默认值为true,反之另一个为true
                if (data.sex == "男") {
                    $("input[name='sex'][value='男']").attr("checked",true);
                } else {
                    $("input[name='sex'][value='女']").attr("checked",true);
                }
//给select赋值
//md-education为select控件的id
//append:为它新增加一个option
//data.education为值
                $("#md-education").append("" + data.education + "");
                $("#md-typeCard").append("" + data.typeCard + "");
            },
            error : function () {
                alert("失败了");
            }