ajax页面动态判断

    当前遇到这样的项目需求，在用户访问商品详情页面的时候，可以点击关注按钮，来收藏这个商品的信息，如果关注了以后，就要把商品的信息保存到用户的收藏列表中，并给用户一个关注成功的提示。很显然这个需求应该在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;
		}