ajax 点赞收藏功能

原创 2016年05月31日 19:31:24
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
       <%@include file="/include.jsp"%>
<%@page import="java.util.Date"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>医院科室-专家咨询</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="<ph:root/>/s/css/rmyy/dept.css">
    <script type="text/javascript" src="<ph:root/>/s/js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="<ph:root/>/s/js/css-util.js"></script>
    <script type="text/javascript">
    	var dzResult = '${dzResult}' ;
    	var num='${expertInfo.dznum }';
    	$(document).ready(function() {
    		if('${loginCustomer}' != null && '${loginCustomer}' != ""){
    			if(dzResult==true || dzResult == 'true'){ //已赞
    				document.getElementById('zan').src='<ph:root/>/s/images/index/zan.png';
    			}else{ 
    				document.getElementById('zan').src='<ph:root/>/s/images/index/zan1.png';
    			}
    		}else{
    			document.getElementById('zan').src='<ph:root/>/s/images/index/zan1.png';
    		}
    	}); 
    	   
    	function consult(){
    		if('${loginCustomer}' != null && '${loginCustomer}' != ""){
		    	openJsWidow("立即咨询","<ph:root/>/f/department/consult/${channel.id}.html?id=${expertInfo.id}",600,680);
    		}else{
    			openJsWidow("登录","<ph:root/>/u/showLoginMin",700,400);
    		}
    	}
 
    	function dz(){
    		if('${loginCustomer}' != null && '${loginCustomer}' != ""){
    			if(dzResult==true || dzResult == 'true'){ //已赞
    				dianzan('${expertInfo.id}',0);
    			}else {
    				dianzan('${expertInfo.id}',1);
    			}
    		}else{
    			openJsWidow("登录","<ph:root/>/u/showLoginMin",700,400);
    		}
    	}
    	
    	function dianzan(id,flag){
    		$.ajax({
    			url:'<ph:root/>/f/department/dianzan',
    			type:'post',
    			data:{id:id,flag:flag},
    			dataType:'json',
    			success:function(result){
    				if(result == 0){
    					if(flag == 1){
    						dzResult = true;
    						document.getElementById('zan').src='<ph:root/>/s/images/index/zan.png';
    						num=num*1+1;
    						document.getElementById('zanNum').innerText=num;
    					}else if(flag ==0){
    						dzResult = false;
    						document.getElementById('zan').src='<ph:root/>/s/images/index/zan1.png';
    						num=num*1-1;
    						document.getElementById('zanNum').innerText=num;
    					}
    				}
    			}
    		});
    	}
    </script>
</head>
<body>
<%@include file="/WEB-INF/views/f/top1.jsp"%>
<%@include file="/WEB-INF/views/f/top.jsp"%>
    <div class="wrap">    
	    <%@include file="/WEB-INF/views/f/left.jsp"%>
		<div style="float:right;width:80%;padding:15px 0 0 5px;margin-bottom:20px;"> 
		    <div class="dept-content">
		    <sf:form modelAttribute="expertInfo" action="" method="post" id="form1" name="form1">
		        <div class="sys-title">
		            <p>${expertInfo.deptmentName }</p>
		            <small>${expertInfo.englishName }</small>
		        </div>
		        <div class="sys-contain" > 
		            <div class="expert-header">
		                <img src="${expertInfo.imgurl }"/>
		                <div class="expert-contain">
		                    <div style="font-size: 18px;padding: 5px 0">
		                    <div>${expertInfo.realName }
		                    <a style="margin-left:60px;" href="javascript:consult()" class="button">立即咨询</a> </div>
		                    </div>
		                    <div class="expert-title">
		                        <p>${expertInfo.title }</p>
		                        <p>专业擅长:${expertInfo.expert }</p>
		                        <p style="padding:10px 0;">坐诊信息:坐诊信息坐诊信息坐诊信息</p>
		                    </div>
		                </div>
		                <div class="zan">
		                    <a href="javascript:dz()" ><img id="zan" src="<ph:root/>/s/images/index/zan1.png"/></a>
		                    <div style="clear:both;"><span id="zanNum" >${expertInfo.dznum }</span><span >赞</span></div>
		                </div>
		                <div style="clear:both;"></div>
		            </div>
		            
		            <div class="border-dashed"></div>
		            <div class="treat">
		                <p style="margin: 20px auto;">坐诊信息</p>
		                <table style="width: 100%">
		                    <tr>
		                        <th style="width: 9%"></th>
		                        <th style="width: 13%">星期一</th>
		                        <th style="width: 13%">星期二</th>
		                        <th style="width: 13%">星期三</th>
		                        <th style="width: 13%">星期四</th>
		                        <th style="width: 13%">星期五</th>
		                        <th style="width: 13%">星期六</th>
		                        <th style="width: 13%">星期七</th>
		                    </tr>
		                    <c:forEach items="${outpatientInfoList }" var="outp">
		                    	<tr>
		                    		<td style="color:#008385">
		                    			<c:if test="${outp.timenode == 1 }">
		                    				上午
		                    			</c:if>
		                    			<c:if test="${outp.timenode == 2 }">
		                    				下午
		                    			</c:if>
		                    		</td>
		                    		<td><ph:dictValue dictCode="${outp.mon }"/></td>
									<td><ph:dictValue dictCode="${outp.tues }"/></td>
			                        <td><ph:dictValue dictCode="${outp.wed }"/></td>
			                        <td><ph:dictValue dictCode="${outp.thurs }"/></td>
			                        <td><ph:dictValue dictCode="${outp.fri }"/></td>
			                        <td><ph:dictValue dictCode="${outp.sat }"/></td>
			                        <td><ph:dictValue dictCode="${outp.sun }"/></td>
		                    	</tr>
		                    </c:forEach>
		                </table>
		                <p style="color: #dddddd; text-align: left;padding-top: 5px;">以上信息仅供参考,可根据实际情况有所调整。</p>
		            </div>
		            
		            <div class="border-dashed"></div>
		            <div class="intro">
		                <p style="margin: 20px auto;text-align: center">专家简介</p>
		                <p style="color: #999999;text-indent:2em;">${expertInfo.introduction }</p>
		            </div>
		        </div>
		    </sf:form>
		    </div>
		</div>
	</div>
	<%@include file="/WEB-INF/views/f/foot.jsp"%>
</body>
</html>


/**
	 * 点赞
	 */
	@RequestMapping(value="/f/department/dianzan")
	public void dianzan(@RequestParam long id,@RequestParam int flag,ModelMap model,
			HttpSession session,HttpServletResponse response)throws Exception{
		Customer loginCus = (Customer) session.getAttribute(LOGIN_CUSTOMER_SESSION_KEY);
		long userId = loginCus.getId();
		Dianzan dianzan = new Dianzan();
		dianzan.setUserId(userId);
		dianzan.setDoctorId(id);
		if (flag==1) {
			long dzTime = new Date().getTime();
			dianzan.setDzTime(dzTime);
			customerService.addDianzan(dianzan);
			
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("id", id);
			map.put("dzNum", 1);
			customerService.updateDoctInfoDZ(map);
		}
		if (flag==0) {
			customerService.delDianzan(dianzan);
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("id", id);
			map.put("dzNum", 0);
			customerService.updateDoctInfoDZ(map);
		}
		Customer expertInfo = customerService.getCustomerById(id);
		model.addAttribute("expertInfo", expertInfo);
		AjaxUtils.ajaxHtml("0", response);
	}


版权声明:本文为博主原创文章,未经博主允许不得转载。

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

如何实现"设为首页","加入收藏"的功能

如何实现"设为首页","加入收藏"的功能  解决思路:          将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法,而将指定URL加入收藏夹的实现则...
  • ghsau
  • ghsau
  • 2012年03月19日 12:58
  • 5097

偶然间收藏了以为网友的java总结分享,写的非常好,记录一下。

请支持原文:java知识点总结。 在做一个程序之前,你要想清楚自己要做什么类型的程序,明确自己的目的。 写代码: 1,明确需求。我要做什么? 2,分析思路。我要怎么做? 3,确定步骤...

商品收藏模块的功能设计实现

电商网站的商品收藏功能实现              商品收藏的功能描述:用户对一件商品重复的进行收藏与取消收藏操作。点击收藏,将商品收藏成功,并且图标变为   已收藏;点击已收藏,则取消对该商品的收...

jsp页面通过ajax向后台传参实现收藏功能

好久没写文章,之前的项目转成毕设了所以又逼着自己推了推进度。 这次主要是填上次的坑。 上一篇写到了做的web页面用于展示。但是还有很多问题没有解决,比如分页显示,比如如何将标记的结果传给后台。这次...

jquery实现收藏效果

function fav() { try { window.external.addFavorite(sURL, sTitle); } catch(e) { try { w...

用jQuery实现简单的加入收藏页面的功能

原文地址:http://blog.csdn.net/newsxy/article/details/8692491  加入收藏功能是我们常见的功能,今天研究学习了一下,写了一个简单的例子,主要实现加入...

jquery ajax之点赞功能的实现

之前,一直想用一下ajax的技术到项目中,看他到底好处在哪里,为什么会被这么多人所推崇。 还记得之前也是看过jquery,但是现在回过来想想,其实能够记起来的东西很少,只有将知识应用起来,可能才会记忆...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

使用jsp实现对商品的浏览与保存浏览过的商品记录

使用jsp页面实现对商品的浏览以及浏览记录的保存
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax 点赞收藏功能
举报原因:
原因补充:

(最多只允许输入30个字)