文章收藏及点赞

articalInfo.html

@@ -50,7 +50,7 @@
				<!--分享操作栏-->
				<div class="share-nav">
					<div class="clearfix">		
						<a class="proinfor floatL" style="display:block;width:64%;" id="lineId">
						<a class="proinfor ellipsisSty floatL" style="display:block;width:55%;" id="lineId">
							<div class="headblock floatL" style="width:40px"><img id="proHead" class="headimg headRadius" src="../images/default-photo.jpg" width="100%"></div>
							<div class="listtit2 floatL"><span style="color: #ff9900;" id="proName"></span><span style="margin-left:10px;" id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
						</a>
@@ -68,7 +68,13 @@
							</span>
						</div>
						<div class="navOperate floatR">
							<span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;">24</span>
							<span id="attention" style="background: url(../images/favoricon.png) 0 -50px no-repeat;background-size: 100% auto;margin-top: -4px; display: inline-block;width: 26px;height: 26px;cursor:pointer"></span>
						</div>
						<div class="navOperate floatR">
							<span class="wrapicon wordHave"></span><span class="message" style="position:relative;top:-7px;left:2px;"></span>
						</div>
						<div class="navOperate floatR">
							<span class="plus" style="display:inline-block;float: none;"></span><span class="message1" style="position:relative;top:-7px;left:2px;"></span>
						</div>
					</div>
				</div>

js/articalInfo.js

@@ -40,10 +40,12 @@ $(document).ready(function() {
			success: function(data) {
				var $info = data.data || {};
				if(data.success && data.data) {
					console.log(data);
					//var oTime = $info.createTime.substring(0, 4) + "." + $info.createTime.substring(4, 6) + "." + $info.createTime.substring(6, 8) 
					var oTime=timeGeshi($info.createTime);
					$("#creTime").text(oTime);
					$("#articleName").text($info.articleTitle);
					$(".message1").text($info.articleAgree);
					if($info.subject) {
						industryShow($info.subject, "subjectList");
					} else {
@@ -330,7 +332,7 @@ $(document).ready(function() {
				}
			},
			error: function(XMLHttpRequest) {
				console.log(XMLHttpRequest)
				$.MsgBox.Alert('提示', '服务器请求失败')
			}
		});
		}
@@ -378,7 +380,7 @@ $(document).ready(function() {
				}
			},
			error: function() {
				return;
				$.MsgBox.Alert('提示', '服务器请求失败')
			}
		});
	}
@@ -415,7 +417,7 @@ $(document).ready(function() {
				}
			},
			error: function(XMLHttpRequest) {
				console.log(XMLHttpRequest)
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	}
@@ -444,7 +446,7 @@ $(document).ready(function() {
				}
			},
			error: function(XMLHttpRequest) {
				console.log(XMLHttpRequest)
				$.MsgBox.Alert('提示', '服务器请求失败')
			}
		});
	})
@@ -457,4 +459,184 @@ $(document).ready(function() {
		}
		
	})
	/*点赞模块*/
var oIsGree = {
	/*查询登陆者是否为文章点赞*/
	inquiry: function() {
		$.ajax({
			url: "/ajax/article/isAgree",
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000, //超时设置
			data: {
				operateId:userid,
				articleId:articleId
			},
			success: function(data) {
				if(data.success) {
					if(data.data==null){
						$(".plus").attr("data-flag","0");
					}else{
						$(".plus").attr("data-flag","1");
						$(".plus").css("background-position-y","-26px");
					}
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	},
	/*点赞及取消点赞*/
	favour:function() {
		$(".plus").click(function(){
			if(userid == "null"||userid==undefined){
				location.href="login.html";
				return;
			}
			var isgree=$(this).attr("data-flag");
			if(isgree==0){
				oIsGree.articleIsAgree();
			}else{
				oIsGree.articleNoIsAgree();
			}
		});
	},
	/*为文章点赞*/
	articleIsAgree:function(){
		$.ajax({
			url: "/ajax/article/agree",
			dataType: 'json', //数据格式类型
			type: 'POST', //http请求类型
			timeout: 10000, //超时设置
			data: {
				operateId:userid,
				articleId:articleId
			},
			success: function(data) {
				if(data.success) {					
						$(".plus").attr("data-flag","1");
						$(".plus").css("background-position-y","-26px");
						$(".message1").text(parseInt($(".message1").html())+1);
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	},
	/*为文章取消点赞*/
	articleNoIsAgree:function(){
		$.ajax({
			url: "/ajax/article/unAgree",
			dataType: 'json', //数据格式类型
			type: 'POST', //http请求类型
			timeout: 10000, //超时设置
			data: {
				operateId:userid,
				articleId:articleId
			},
			success: function(data) {
				if(data.success) {				
						$(".plus").attr("data-flag","0");
						$(".plus").css("background-position-y","0px");
						$(".message1").text(parseInt($(".message1").html())-1);
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	}
}
oIsGree.inquiry();
oIsGree.favour();
/*收藏模块*/
var collection={
	/*查询是否收藏文章*/
	inquiry:function(){
		$.ajax({
			url: "/ajax/watch/hasWatch",
			dataType: 'json', //数据格式类型
			type: 'GET', //http请求类型
			timeout: 10000, //超时设置
			data: {
				professorId:userid,
				watchObject:articleId
			},
			success: function(data) {
				if(data.success) {				
					if(data.data==null){
						$("#attention").attr("data-flag","0");
					}else{
						$("#attention").attr("data-flag","1").css({"background":"url(../images/favoricon.png) 0 -26px no-repeat","background-size": "100% auto"});
					}
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	},
	/*收藏及取消收藏*/
	attention:function() {
		$("#attention").click(function(){
			if(userid == "null"||userid==undefined){
				location.href="login.html";
				return;
			}
			var attFlag=$(this).attr("data-flag");
			if(attFlag==0){
				collection.attentionYes();
			}else{
				collection.attentionNo();
			}
		});
	},
	/*收藏文章*/
	attentionYes:function(){
		$.ajax({
			url: "/ajax/watch",
			dataType: 'json', //数据格式类型
			type: 'POST', //http请求类型
			timeout: 10000, //超时设置
			data: {
				professorId:userid,
				watchObject:articleId,
				watchType:3
			},
			success: function(data) {
				if(data.success) {				
						$("#attention").attr("data-flag","1").css({"background":"url(../images/favoricon.png) 0 -26px no-repeat","background-size": "100% auto"});
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	},
	/*取消收藏文章*/
	attentionNo:function(){
		$.ajax({
			url: "/ajax/watch/delete",
			dataType: 'json', //数据格式类型
			type: 'POST', //http请求类型
			timeout: 10000, //超时设置
			data: {
				professorId:userid,
				watchObject:articleId
			},
			success: function(data) {
				if(data.success) {				
						$("#attention").attr("data-flag","0").css({"background":"url(../images/favoricon.png) 0 -50px no-repeat","background-size": "100% auto"});
				}
			},
			error: function(XMLHttpRequest) {
				$.MsgBox.Alert('提示', '服务器请求失败');
			}
		});
	}
};
collection.inquiry();
collection.attention();
})