当前遇到这样的项目需求,在用户访问商品详情页面的时候,可以点击关注按钮,来收藏这个商品的信息,如果关注了以后,就要把商品的信息保存到用户的收藏列表中,并给用户一个关注成功的提示。很显然这个需求应该在web页面中,触发ajax效果来实现。
<script>
$(".follow").click(function(){
if($(this).children("img").attr("src")=="assets/img/weixin/follow.png"){
$(this).children("img").attr("src","assets/img/weixin/followed.png");
var user_id=$("#user_id").val();
alert(user_id);
//判断用户有没有登录
var user_id=$("#user_id").val();
var goods_id=$("#goods_id").val();
if(user_id=="nothing"){
alert("请先登录");
return false;
}else{
//添加用户的关注信息
//开始执行ajax的效果
$.ajax({
type: "POST",
url: '<%=basePath%>app/addUsercare.do',
data: {user_id:user_id},
dataType:'json',
cache: false,
success: function(data){
if("01" == data.result){
alert("关注成功!");
}else{
alert("关注失败!");
}
}
});
}
}else{
$(this).children("img").attr("src","assets/img/weixin/follow.png");
//删除用户的关注信息
}
})
</script>
对应的后台controller逻辑代码
//添加用户的关注
@RequestMapping(value="/addUsercare")
@ResponseBody
public Object addUsercare() throws Exception{
Map<String,String> map = new HashMap<String,String>();
PageData pd = new PageData();
pd = this.getPageData();
String result ="01";
//在这里面开始写自己的逻辑代码
map.put("result", result);
return AppUtil.returnObject(new PageData(), map);
// return result;
}