web前端——ajax提交后台controller实现前端后台交互(3) 传多个参数 ,后台controller接收处理

最新推荐文章于 2024-07-15 07:45:00 发布

fengcai0123

最新推荐文章于 2024-07-15 07:45:00 发布

阅读量1.3w

点赞数 4

分类专栏：前端 jquery-aja 文章标签： jquery ajax

本文链接：https://blog.csdn.net/fengcai0123/article/details/53508042

版权

前端同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

jquery-aja

5 篇文章 0 订阅

订阅专栏

jquery ajax

 $(function () {
        $("#confirmAddress").click(function () {
            var receiveContact=$("#receiveContact").val();
            var receiveCellPhone=$("#receiveCellPhone").val();
            var provSelect=$("#provSelect option:selected").text();
            var citySelect=$("#citySelect option:selected").text();
            var distSelect=$("#distSelect option:selected").text();
            var detailAddress=$("#detailAddress").val();

            $.ajax({
                type:"post",
                url:"/order/addAddress",
                dataType:"json",
                data:{
                    "consignee":receiveContact,
                    "mobile":receiveCellPhone,
                    "province":provSelect,
                    "city":citySelect,
                    "district":distSelect,
                    "detailAddress":detailAddress,
                },
                success:function () {
                }
            });
        })
    });

controller 接收处理

 @RequestMapping("/addAddress")
public String addAddress(ConsigneeInfo consigneeInfo,Model model){
//通过VO类的getxxx,就可以接收ajax传过来的多个参数值
    return "redirect:/order/confirm";//重定向
}

VO类ConsigneeInfo

/*vo中定义的属性名称必须与前端data ""中的名称一致，否则接收不到*/
public class ConsigneeInfo {
private String consignee;
private String mobile;
private String province;
private String city;
private String district;
private String detailAddress;
    setter....getter....此次省略
}