Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 698 Releases 0 Wiki

portal html css js resource

Tree: 6e68361182
Branches Tags
portal-front
/
e
/
a.html

a.html 21KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590 
  1. <!DOCTYPE html>
  2. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <title>文章分享-科袖网</title>
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  8. <link rel="stylesheet" href="../css/reset.css" />
  9. <link rel="stylesheet" href="../css/common.css" />
  10. <link rel="stylesheet" href="../css/share.css" />
  11. <script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  12. <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  13. <script type="text/javascript" src="../js/public/shareCom.js"></script>	
  14. <style>
  15. 	html,body {background: #FFFFFF;}
  16. </style>
  17. </head>
  19. <body>
  20. <div class="contentBody2">
  21. 	<div class="topFu clearfix">
  22. 		<div class="topLogo floatL"></div>
  23. 		<div class="goSpan floatR">
  24. 			<span class="openSpan">打开</span>
  25. 		</div>
  26. 	</div>
  27. 	<div class="showDetail" style="padding-top:56px;">
  28. 		<div class="h1Font hWeight" id="articleName"></div>
  29. 		<div class="madiaBlock">
  30. 			<ul class="mui-table-view noactiveTab">
  31. 				<li>
  32. 					<div class="flexCenter clearfix">
  33. 						<a id="personAL">
  34. 							<div class="madiaHead useHead" id="messImg"></div>
  35. 							<div class="madiaInfo">
  36. 								<p><span class="h1Font ellipsisSty" style="display:inline-block;max-width:174px;" id="name"></span><em class="authiconNew" style="top:-6px" title="" id="auth"></em></p>
  37. 								<p class="h3Font" id="oTime"></p>
  38. 							</div>
  39. 						</a>
  40. 						<div class="goSpan">
  41. 							<span class="attenSpan">关注</span>
  42. 						</div>
  43. 					</div>
  44. 				</li>
  45. 			</ul>
  46. 		</div>
  47. 		<!--文章内容区-->
  48. 		<div class="showMain" id="articleContent">
  49. 		</div>
  50. 		<!--标签模块-->
  51. 		<ul class="tagList displayNone">
  52. 			<!--<li>
  53. 				<span class="h2Font">金属材料工程与腐</span>
  54. 			</li>-->
  55. 		</ul>
  56. 		<div class="madiaBlock displayNone" id="correlationExpert">
  57. 			<div class="madiaTit">相关专家</div>
  58. 			<ul class="mui-table-view" id="expertList">
  59. 		       
  60. 		    </ul>
  61. 		</div>
  62. 		<div class="madiaBlock displayNone" id="resource">
  63. 			<div class="madiaTit">相关资源</div>
  64. 			<ul class="mui-table-view" id="resourceList">
  65. 		        
  66. 		    </ul>
  67. 		</div>
  68. 		<div class="madiaBlock displayNone" id="correlationCompany">
  69. 			<div class="madiaTit">相关企业</div>
  70. 			<ul class="mui-table-view" id="companyList">
  71. 		       
  72. 		    </ul>
  73. 		</div>
  74. 		<!--点赞模块-->
  75. 		<div class="thumbBlock">
  76. 			<span class="thumbBtn">赞 <span id="snum"></span></span><!-- thumbedBtn 已赞 201-->
  77. 		</div>
  78. 		<!--您可能感兴趣的文章-->
  79. 		<div class="madiaBlock displayNone" id="article">
  80. 			<div class="madiaTit">您可能感兴趣的文章</div>
  81. 			<ul class="mui-table-view" id="articleList">
  82. 		        
  83. 		    </ul>
  84. 		</div>
  85. 		<!--留言-->
  86. 		<div class="madiaBlock displayNone">
  87. 			<div class="madiaTit" id="olisten">留言</div>
  88. 			<ul class="mui-table-view commentBlock noactiveTab">
  89. 		     
  90. 		   </ul>
  91. 		</div>
  92. 	</div>
  93. 	<div class="shareEcode">
  94. 		<img class="Ecodecon" src="../images/ecordCard.jpg" />
  95. 	</div>
  96. </div>
  98. <script type="text/javascript">
  99. 	$(document).ready(function() {
  100. 		var imgUrl ="http://www.ekexiu.com/images/logo180.png";
  101. 		var lineLink = document.location.href;
  102. 		var descContent="";
  103. 		var shareTitle;
  104. 		var appid = '';
  105. 		var articleId = GetQueryString("id");
  106. 		leword(500, 1);//liuyan
  107. 		
  108. 		//进入发布者详情页面
  109. 		$("#personAL").on("click", function() {
  110. 			var reType = this.getAttribute("data-type");
  111. 			if(reType=="1"){
  112. 				var proId=this.getAttribute("data-id");
  113. 				location.href="http://" + window.location.host + "/e/p.html?id=" + proId;
  114. 			}else{
  115. 				var cmpId=this.getAttribute("data-id");
  116. 				location.href="http://" + window.location.host + "/e/c.html?id=" + cmpId;
  117. 			}
  118. 		})
  119. 		$("body").on("click",".goSpan,.thumbBtn",function(){
  120. 			location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
  121. 			$(this).addClass("activeThis");
  122. 		})
  123. 		
  124. 		$("#articleList").on("click","li", function() {
  125. 			var OdataId=this.getAttribute("data-id");
  126. 			location.href="http://" + window.location.host + "/e/a.html?id=" + OdataId;
  127. 		})
  128. 		$("#resourceList").on("click","li", function() {
  129. 			var OdataId=this.getAttribute("data-id");
  130. 			location.href="http://" + window.location.host + "/e/r.html?id=" + OdataId;
  131. 		})
  132. 		$("#expertList").on("click","li", function() {
  133. 			var OdataId=this.getAttribute("data-id");
  134. 			location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
  135. 		})
  136. 		$(".commentBlock").on("click","li>.flexCenter",function(){
  137. 			var OdataId=this.getAttribute("data-id");
  138. 			location.href="http://" + window.location.host + "/e/p.html?id=" + OdataId;
  139. 		})
  140. 		$("#companyList").on("click","li", function() {
  141. 			var OdataId=this.getAttribute("data-id");
  142. 			location.href="http://" + window.location.host + "/e/c.html?id=" + OdataId;
  143. 			
  144. 		})
  145. 		var oArticleModule = {
  146. 			articleId: GetQueryString("id"),
  147. 			oAjaxGet: function(url, obj, oType, oFun) {
  148. 				$.ajax(url,{
  149. 					data: obj,
  150. 					dataType: 'json', //服务器返回json格式数据
  151. 					type: oType, //HTTP请求类型
  152. 					timeout: 10000, //超时时间设置为10秒；
  153. 					traditional: true,
  154. 					success: function(data) {
  155. 						if(data.success) {
  156. 							oFun(data.data);
  157. 						}
  158. 					},
  159. 					error: function(e) {
  160. 						return;
  161. 					}
  162. 				});
  163. 			},
  164. 			articleMess: function($data) {
  165. 				console.log($data);
  166. 				document.getElementById("articleName").innerHTML = $data.articleTitle;
  167. 				shareTitle=$data.articleTitle;
  168. 				document.title=$data.articleTitle;
  169. 				stt = $data.articleImg.substring(0, 9);
  170. 				imgUrl="http://www.ekexiu.com/data/article/" + stt + $data.articleId + "_s.jpg";
  171. 				console.log(stt)
  172. 				if($data.articleContent) {
  173. 					document.getElementById("articleContent").innerHTML = $data.articleContent;
  174. 					
  175. 					descContent=document.getElementById("articleContent").innerText.substr(0,40);
  176. 				}
  177. 				if($data.subject) {
  178. 					document.getElementsByClassName("tagList")[0].style.display = "block";
  179. 					var arr = $data.subject.split(",");
  180. 					for(var i in arr) {
  181. 						var oLi = document.createElement("li");
  182. 						oLi.innerHTML = '<span class="h2Font">' + arr[i] + '</span>'
  183. 						document.getElementsByClassName("tagList")[0].appendChild(oLi);
  184. 					}
  185. 				}
  186. 				document.getElementById("snum").innerHTML = $data.articleAgree;
  187. 				document.getElementById("oTime").innerHTML = commenTime($data.publishTime);
  188. 				document.getElementById("personAL").setAttribute("data-type",$data.articleType);
  189. 				if($data.articleType == 1) {
  190. 					oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  191. 						"keys": arr,
  192. 						"professorId": oArticleModule.oWner,
  193. 						"articleId": oArticleModule.articleId,
  194. 						"rows": 5
  195. 					}, "get", oArticleModule.correlationArticle);
  196. 					document.getElementById("personAL").setAttribute("data-id",$data.professorId);
  197. 					oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data.professorId, "", "get", oArticleModule.professorMess);
  198. 				} else {
  199. 					oArticleModule.oAjaxGet("../ajax/article/ralateArticles", {
  200. 						"keys": arr,
  201. 						"orgId": oArticleModule.oWner,
  202. 						"articleId": oArticleModule.articleId,
  203. 						"rows": 5
  204. 					}, "get", oArticleModule.correlationArticle);
  205. 					document.getElementById("personAL").setAttribute("data-id",$data.orgId);
  206. 					oArticleModule.oAjaxGet("../ajax/org/" + $data.orgId, "", "get", oArticleModule.business);
  207. 				}
  208. 				
  209. 			},
  210. 			professorMess: function($data) {
  211. 				console.log($data);
  212. 				document.getElementById('name').innerHTML = $data.name;
  213. 				if($data.hasHeadImage == 1) {
  214. 					document.getElementById("messImg").style.backgroundImage = "url(../images/head/" + $data.id + "_l.jpg" + ")";
  215. 				}
  216. 				var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  217. 				document.getElementById("auth").classList.add(userType.sty);
  218. 				
  219. 			},
  220. 			business: function($data) {
  221. 				if($data.forShort) {
  222. 					document.getElementById('name').innerHTML = $data.forShort;
  223. 				}else{
  224. 					document.getElementById('name').innerHTML = $data.name;
  225. 				}
  226. 				var mgimg="../images/default-icon.jpg";
  227. 				if($data.hasOrgLogo) {
  228. 					mgimg="/images/org/" + $data.id + ".jpg";
  229. 				}
  230. 				document.getElementById("messImg").classList.add("cmpHead");
  231. 				document.getElementById("messImg").innerHTML='<div class="boxBlock" style="width:50px;height:50px;"><img class="boxBlockimg" id="companyImg" src="'+ mgimg+'"></div>'
  232. 				if($data.authStatus == 3) {
  233. 					document.getElementById("auth").classList.add("authicon-com-ok");
  234. 				}
  235. 			},
  236. 			correlationExpert: function($data) {
  237. 				if($data.length == 0) {
  238. 					return;
  239. 				}
  240. 				document.getElementById("correlationExpert").classList.remove("displayNone");
  241. 				for(var i = 0; i < $data.length; i++) {
  242. 					(function(n) {
  243. 						oArticleModule.oAjaxGet("../ajax/professor/editBaseInfo/" + $data[n].professorId, "", "get", oArticleModule.expertList);
  244. 					})(i)
  245. 	
  246. 				}
  247. 	
  248. 			},
  249. 			expertList: function($data) {
  250. 				var os = "";
  251. 				if($data.title) {
  252. 					if($data.orgName) {
  253. 						os = $data.title + "，" + $data.orgName;
  254. 					} else {
  255. 						os = $data.title;
  256. 					}
  257. 				} else {
  258. 					if($data.office) {
  259. 						if($data.orgName) {
  260. 							os = $data.office + "，" + $data.orgName;
  261. 						} else {
  262. 							os = $data.office;
  263. 						}
  264. 					} else {
  265. 						if($data.orgName) {
  266. 							os = $data.orgName;
  267. 						}
  268. 					}
  269. 				}
  270. 				var baImg = "../images/default-photo.jpg";
  271. 				if($data.hasHeadImage == 1) {
  272. 					baImg = "/images/head/" + $data.id + "_l.jpg";
  273. 				}
  274. 				var userType = autho($data.authType, $data.orgAuth, $data.authStatus);
  275. 				var li = document.createElement("li");
  276. 				li.setAttribute("data-id", $data.id);
  277. 				li.innerHTML = '<div class="flexCenter clearfix">' +
  278. 					'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
  279. 					'<div class="madiaInfo">' +
  280. 					'<p><span class="h1Font">' + $data.name + '</span><em class="authiconNew ' + userType.sty + '"></em></p>' +
  281. 					'<p class="ellipsisSty h2Font">' + os + '</p>' +
  282. 					'</div>' +
  283. 					'</div>'
  284. 				document.getElementById("expertList").appendChild(li);
  285. 			},
  286. 			correlationResource: function($data) {
  287. 				console.log($data);
  288. 				if($data.length == 0) {
  289. 					return;
  290. 				}
  291. 				document.getElementById("resource").classList.remove("displayNone");
  292. 				for(var i = 0; i < $data.length; i++) {
  293. 					oArticleModule.oAjaxGet( "../ajax/resource/queryOne", {
  294. 						"resourceId": $data[i].resourceId
  295. 					}, "get", oArticleModule.rsourceList);
  296. 				}
  297. 	
  298. 			},
  299. 			rsourceList: function($data) {
  300. 				var namepo, userType;
  301. 				if($data.resourceType == 1) {
  302. 					namepo = $data.editProfessor.name;
  303. 					userType = autho($data.editProfessor.authType, $data.editProfessor.orgAuth, $data.editProfessor.authStatus);
  304. 				} else {
  305. 					userType = {};
  306. 					if($data.organization.forShort){
  307. 						namepo = $data.organization.forShort;
  308. 					}else{
  309. 						namepo = $data.organization.name;
  310. 					}
  311. 					if($data.organization.authStatus == 3) {
  312. 						userType.sty = "authicon-com-ok"
  313. 					} 
  314. 				}
  315. 				var rImg = "/data/resource/" + $data.images[0].imageSrc;
  316. 				var li = document.createElement("li");
  317. 				li.setAttribute("data-id", $data.resourceId);
  318. 				li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  319. 					' <div class="madiaHead resouseHead" style="background-image:url(' + rImg + ')"></div>' +
  320. 					'<div class="madiaInfo OmadiaInfo">' +
  321. 					'<p class="ellipsisSty h1Font">' + $data.resourceName + '</p>' +
  322. 					'<p class="ellipsisSty h2Font">用途：' + $data.supportedServices + '</p>' +
  323. 					'<p><span class="h2Font">' + namepo + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  324. 					'</div>' +
  325. 					'</div>'
  326. 				document.getElementById("resourceList").appendChild(li);
  327. 			},
  328. 			correlationArticle: function($data) {
  329. 	
  330. 				if($data.length == 0) {
  331. 					return;
  332. 				}
  333. 				document.getElementById('article').classList.remove("displayNone");
  334. 				for(var i = 0; i < 5; i++) {
  335. 					var ourl, of ;
  336. 					if($data[i].articleType == 1) {
  337. 						ourl = "/ajax/professor/editBaseInfo/" + $data[i].professorId; of = 1;
  338. 					} else {
  339. 						ourl = "/ajax/org/" + $data[i].orgId; of = 2;
  340. 					}
  341. 					var arImg = "../images/default-artical.jpg";
  342. 					if($data[i].articleImg) {
  343. 						arImg = "/data/article/" + $data[i].articleImg
  344. 					}
  345. 					var title = $data[i].articleTitle;
  346. 					$.ajax({
  347. 						url:ourl,
  348. 						dataType: 'json', //服务器返回json格式数据
  349. 						type: "get", //HTTP请求类型
  350. 						timeout: 10000, //超时时间设置为10秒；
  351. 						async: false,
  352. 						traditional: true,
  353. 						success: function(data) {
  354. 							if(data.success) {
  355. 								var namepo=""
  356. 								var li = document.createElement("li");
  357. 								if( of == 1) {
  358. 									namepo = data.data.name;
  359. 									var userType = autho(data.data.authType, data.data.orgAuth, data.data.authStatus);
  360. 									li.setAttribute("owner-id", data.data.id);
  361. 									li.setAttribute("data-type", 1);
  362. 								} else {
  363. 									if(data.data.forShort){
  364. 										namepo = data.data.forShort;
  365. 									}else{
  366. 										namepo = data.data.name;
  367. 									}
  368. 									var userType = {};
  369. 									if(data.data.authStatus == 3) {
  370. 										userType.sty = 'authicon-com-ok'
  371. 									} else {
  372. 										userType.sty = "e"
  373. 									}
  374. 									li.setAttribute("owner-id", data.data.id);
  375. 									li.setAttribute("data-type", 2);
  376. 								}
  377. 								li.setAttribute("data-id", $data[i].articleId);
  378. 								li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  379. 									'<div class="madiaHead artHead" style="background-image:url(' + arImg + ')"></div>' +
  380. 									'<div class="madiaInfo OmadiaInfo">' +
  381. 									'<p class="ellipsisSty-2 h1Font">' + title + '</p>' +
  382. 									'<p><span class="h2Font">' + namepo + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  383. 									'</div>' +
  384. 									'</div>'
  385. 								document.getElementById("articleList").appendChild(li);
  386. 							}
  387. 						},
  388. 						error: function() {
  389. 						}
  390. 					});
  391. 				}
  392. 			},
  393. 			correlationCompany: function($data) {
  394. 				console.log($data);
  395. 				if($data.length == 0) {
  396. 					return;
  397. 				}
  398. 				document.getElementById("correlationCompany").classList.remove("displayNone");
  399. 				for(var i = 0; i < $data.length; i++) {
  400. 					oArticleModule.oAjaxGet( "../ajax/org/"+ $data[i].orgId, {
  401. 						
  402. 					}, "get", oArticleModule.companyList);
  403. 				}
  404. 	
  405. 			},
  406. 			companyList: function($data) {
  407. 				var baImg = "../images/default-icon.jpg";
  408. 				if($data.hasHeadImage == 1) {
  409. 					baImg = "/images/org/" + $data.id + "_l.jpg";
  410. 				}
  411. 				var namepo,userType=""
  412. 				if($data.authStatus == 3){
  413. 					userType= "authicon-com-ok"
  414. 				}
  415. 				if($data.forShort){
  416. 					namepo = $data.forShort;
  417. 				}else{
  418. 					namepo = $data.name;
  419. 				}
  420. 				/*应用行业*/
  421. 				var proOther = "";
  422. 				if($data.industry) {
  423. 					proOther = $data.industry.replace(/,/gi, " | ");
  424. 				}
  425. 				var li = document.createElement("li");
  426. 				li.setAttribute("data-id", $data.id);
  427. 				li.innerHTML = '<div class="flexCenter OflexCenter clearfix">' +
  428. 					'<div class="madiaHead cmpHead">'+
  429. 						'<div class="boxBlock"><img class="boxBlockimg companyImg" id="oimg" src="'+ baImg +'"></div>'+
  430. 					'</div>' +
  431. 					'<div class="madiaInfo OmadiaInfo">' +
  432. 					'<p><span class="h1Font">' + namepo + '</span><em class="authiconNew ' + userType + '"></em></p>' +
  433. 					'<p class="ellipsisSty h2Font">' + proOther + '</p>' +
  434. 					'</div>' +
  435. 					'</div>'
  436. 				document.getElementById("companyList").appendChild(li);
  437. 			}
  438. 			
  439. 		}
  440. 		/*文章详细内容*/
  441. 		oArticleModule.oAjaxGet("../ajax/article/query", {
  442. 			articleId: oArticleModule.articleId
  443. 		}, "get", oArticleModule.articleMess);
  444. 		oArticleModule.oAjaxGet("../ajax/article/ralatePro", {
  445. 			"articleId": oArticleModule.articleId
  446. 		}, "get", oArticleModule.correlationExpert);
  447. 		oArticleModule.oAjaxGet("../ajax/article/ralateRes", {
  448. 			"articleId": oArticleModule.articleId
  449. 		}, "get", oArticleModule.correlationResource);
  450. 		oArticleModule.oAjaxGet("../ajax/article/ralateOrg", {
  451. 			"articleId": oArticleModule.articleId
  452. 		}, "get", oArticleModule.correlationCompany);
  453. 		
  454. 		//留言
  455. 		function leword(row, aa){
  456. 			$.ajax({
  457. 				url:"../ajax/leaveWord/ql",
  458. 				data: {
  459. 					"articleId":articleId,
  460. 					"rows":row	},
  461. 				dataType: 'json', //服务器返回json格式数据
  462. 				type: 'get', //HTTP请求类型
  463. 				timeout: 10000, //超时时间设置为10秒；
  464. 				traditional: true,
  465. 				success: function(data) {
  466. 					if(data.success) {
  467. 						console.log(data)
  468. 						document.getElementsByClassName('commentBlock')[0].innerHTML = ""
  469. 						if(data.data.length == 0) {
  470. 							return;
  471. 						}
  472. 						document.getElementById("olisten").parentNode.classList.remove("displayNone");
  473. 						for(var i = 0; i < data.data.length; i++) {
  474. 							var oText = ""
  475. 							var userType = autho(data.data[i].professor.authType, data.data[i].professor.orgAuth, data.data[i].professor.authStatus);
  476. 							var baImg = "../images/default-photo.jpg";
  477. 							if(data.data[i].professor.hasHeadImage == 1) {
  478. 								baImg = "/images/head/" + data.data[i].professor.id + "_l.jpg";
  479. 							}
  480. 							var li = document.createElement("li");
  481. 							li.innerHTML = '<div class="flexCenter clearfix" data-id="' + data.data[i].professor.id + '">' +
  482. 								'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>' +
  483. 								'<div class="madiaInfo">' +
  484. 								'<p><span class="h1Font" data-id="' + data.data[i].professor.id + '">' + data.data[i].professor.name + '</span><em class="authiconNew ' + userType.sty + '" title="科袖认证专家"></em></p>' +
  485. 								'</div>' +
  486. 								'</div>' +
  487. 								'<div class="madiaInfo">' +
  488. 								'<p class="h2Font">' + data.data[i].content + '</p>' +
  489. 								'<p class="operateSpan">' +
  490. 								'<span class="commenttime">' + commenTime(data.data[i].createTime) + '</span>' +
  491. //								'<span data-id="' + data.data[i].id + '" class="dele">' + oText + '</span>' +
  492. 								'</p>' +
  493. 								'</div>'
  494. 							document.getElementsByClassName("commentBlock")[0].appendChild(li);
  495. 						}
  496. 	
  497. 					}
  498. 				},
  499. 				error: function() {
  500. 				}
  501. 			});
  502. 		}
  503. 		//浏览量
  504. 		$.ajax({
  505. 			"url" : "../ajax/article/pageViews",
  506. 			"type" :  "POST" ,
  507. 			"dataType" : "json",
  508. 			"data" :{"articleId":articleId},
  509. 			"success" : function(data) {
  510. 				if (data.success){
  511. 					console.log(data);
  512. 				}
  513. 			},
  514. 			"error":function(){
  515. 			}
  516. 		});
  517. 		
  518. 		/*微信分享*/
  519. 		$.ajax({
  520. 			url: "../ajax/weixin/jsapiTicket",
  521. 			type: 'get',
  522. 			dataType: 'json',
  523. 			contentType: "application/x-www-form-urlencoded; charset=utf-8",
  524. 			data: {
  525. 				'url': location.href.split('#')[0]
  526. 			},
  527. 			success: function(data) {
  528. 				if(data.data) {
  529. 					wx.config({
  530. 						debug: false, //调试模式好犀利
  531. 						appId: data.data.appId,
  532. 						timestamp: data.data.timestamp,
  533. 						nonceStr: data.data.nonceStr,
  534. 						signature: data.data.signature,
  535. 						jsApiList: [ // 所有要调用的 API 都要加到这个列表中
  536. 							"onMenuShareAppMessage",
  537. 							"onMenuShareTimeline",
  538. 							"onMenuShareQQ",
  539. 							"onMenuShareQZone",
  540. 							"scanQRCode",
  541. 						]
  542. 					});
  543. 					wx.ready(function() {
  544. 						// 在这里调用 API
  545. 						wx.onMenuShareAppMessage({ //分享给朋友
  546. 							title: shareTitle, // 分享标题
  547. 							desc: descContent, // 分享描述
  548. 							link: lineLink, // 分享链接
  549. 							imgUrl: imgUrl, // 分享图标
  550. 							success: share_success_callback,
  551. 							cancel: share_cancel_callback
  552. 						});
  553. 						wx.onMenuShareTimeline({ //分享到朋友圈
  554. 							title: shareTitle, // 分享标题
  555. 							desc: descContent, // 分享描述
  556. 							link: lineLink, // 分享链接
  557. 							imgUrl: imgUrl, // 分享图标
  558. 							success: share_success_callback,
  559. 							cancel: share_cancel_callback
  560. 						});
  561. 						wx.onMenuShareQQ({ //分享到QQ
  562. 							title: shareTitle, // 分享标题
  563. 							desc: descContent, // 分享描述
  564. 							link: lineLink, // 分享链接
  565. 							imgUrl: imgUrl, // 分享图标
  566. 							success: share_success_callback,
  567. 							cancel: share_cancel_callback
  568. 						});
  569. 						wx.onMenuShareQZone({ //分享到QQ空间
  570. 							title: shareTitle, // 分享标题
  571. 							desc: descContent, // 分享描述
  572. 							link: lineLink, // 分享链接
  573. 							imgUrl: imgUrl, // 分享图标
  574. 							success: share_success_callback,
  575. 							cancel: share_cancel_callback
  576. 						});
  577. 					});
  578. 					//分享成功后的回调函数	
  579. 					function share_success_callback() {}
  580. 					//用户取消分享后执行的回调函数	
  581. 					function share_cancel_callback() {}
  582. 	    		}
  583. 			}
  584. 		});
  585. 	})
  586. </script>
  588. </body>
  590. </html>