ajax页面动态判断

r囧r小猫 2022-06-12 07:24 213阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax 通过页面地址获取页面中的元素_爬虫（三）——爬取动态页面

Ajax——实现动态页面 Ajax不是一门编程语言，而是利用JavaScript在保证页面连接不改变的情况下与服务器交换数据并更新部分网页的技术。在这个过程中，页面实际上

男娘i/ 2023年01月01日 14:54/ 0 赞/ 169 阅读

相关「数据分析师的网络爬虫」动态页面和Ajax渲染页面抓取

文章目录内容介绍 Ajax抓取示例 JS动态加载示例内容介绍开发环境为 Python3.6 ，爬虫项目全部内容索引目录 [看懂Pytho

超、凢脫俗/ 2022年10月16日 10:26/ 0 赞/ 249 阅读

相关怎么一进页面就跳ajax,页面跳转（有ajax页面）

在Default.aspx中，做一个对gridview操作先点击页面查询让数据呈现在gridview控件上然后点击添加添加后进入一个ajax新页面TiaoZhuanPage

墨蓝/ 2022年09月03日 06:18/ 0 赞/ 226 阅读

相关 ajax页面动态判断

当前遇到这样的项目需求，在用户访问商品详情页面的时候，可以点击关注按钮，来收藏这个商品的信息，如果关注了以后，就要把商品的信息保存到用户的收藏列表中，并给用户一个关注成

r囧r小猫/ 2022年06月12日 07:24/ 0 赞/ 214 阅读

相关使用Ajax动态判断用户名是否存在。

简介ajax: AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是

蔚落/ 2022年06月07日 23:15/ 0 赞/ 257 阅读

相关动态页面

一介绍借助document对象的open和write方法，可以动态生成一个页面。二代码 <!DOCTYPE html> <html>

╰+哭是因爲堅強的太久メ/ 2022年05月12日 00:44/ 0 赞/ 255 阅读

相关判断页面是否为父页面（login页面）

window.onload=function(){ if(window.parent != window){// 如果是在框架中

桃扇骨/ 2022年04月23日 04:40/ 0 赞/ 168 阅读

相关 Ajax页面跳转

$.ajax({ type:"POST", url: //你的请求程序页面随便啦 // 非必需async:false,/

- 日理万妓/ 2022年03月21日 04:18/ 0 赞/ 275 阅读

相关利用Ajax无全页面提交实现动态画图

新建一个 Ajax 模板的项目 [![2007102914141625.JPG][]][2007102914141625.JPG] 放置一个 ScriptManager ,

淡淡的烟草味﹌/ 2022年02月02日 02:36/ 0 赞/ 1081 阅读

相关 HTML/JSP页面动态显示时间(通过jquery或ajax实现)

设置定时器 setInterval(函数，毫秒数) 每隔n毫秒就会调用一次函数方式一. 动态显示时间 <script> setInte

浅浅的花香味﹌/ 2021年12月15日 02:59/ 0 赞/ 604 阅读