您的位置:首页 > Web前端

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

2016-12-07 16:41 811 查看
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....此次省略
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery ajax
相关文章推荐