springboot教程-将ajax请求中的参数封装到JavaBean中

介绍

适合注册、添加页面,提交的参数较多,如下图添加学生:

在这里插入图片描述

html

创建 save_student.html ,内容如下

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
姓名:<input id="name"><br>
性别:<input name="sex" value="0" type="radio">女 &nbsp;&nbsp;
<input name="sex" value="1" type="radio">男<br>
生日:<input id="birthday" ><br>
手机号:<input id="phone" ><br>
寝室号:<input id="address" ><br>
<input type="button" value="提交" onclick="doSubmit()">

<script>
    function doSubmit() {
        var name=$("#name").val();
        var sex=$("input:radio[name='sex']:checked").val();
        var birthday=$("#birthday").val();
        var phone=$("#phone").val();
        var address=$("#address").val();

        $.ajax({
            url:'/save',
            type:'post', //使用post方法
            dataType:'json',//服务器端返回的数据格式是json
            data: {
                "name":name,
                "sex":sex,
                "sex":sex,
                "birthday":birthday,
                "phone":phone,
                "address":address,
            },//发给服务器端的数据
            success:function(data){   //data:服务器端返回给浏览器端的数据
                if(data.code==0){
                    alert(data.msg);
                    // location.href='index.html';
                }else{
                    alert(data.msg)
                }
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                alert(XMLHttpRequest);
                alert(textStatus);
                alert(errorThrown);
            }
        });
    }

</script>

javabean

public class Student {

    private String name;
    private Integer sex;
    private String birthday;
    private String phone;
    private String address;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getSex() {
        return sex;
    }

    public void setSex(Integer sex) {
        this.sex = sex;
    }

    public String getBirthday() {
        return birthday;
    }

    public void setBirthday(String birthday) {
        this.birthday = birthday;
    }

    public String getPhone() {
        return phone;
    }

    public void setPhone(String phone) {
        this.phone = phone;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }

    @Override
    public String toString() {
        return "Student{" +
                "name='" + name + '\'' +
                ", sex=" + sex +
                ", birthday='" + birthday + '\'' +
                ", phone='" + phone + '\'' +
                ", address='" + address + '\'' +
                '}';
    }
}

Controller代码:

@RestController
public class StudentCtrl {
    @RequestMapping("/save")
    public JsonResult save(Student student){
        System.out.println(student);
        return new JsonResult(0,"保存成功!");
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值