提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

js实现的点击数量加一可操作数据库

JS数据库 实现 操作 数量 点击 加一
2023-06-13 09:15:26 时间
复制代码代码如下:

<%@pagelanguage="java"contentType="text/html;charset=utf-8"
pageEncoding="utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"
+request.getServerName()+":"+request.getServerPort()
+path+"/";
StringgroupId=request.getParameter("groupId");
%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport">
<title>宝宝排行榜</title>
<styletype="text/css">
body{
text-align:center;
margin:0auto;
padding:0;
background:#ffefe5;
width:100%;
}

a:link{
text-decoration:none;
}

#static{
margin:0auto;
text-align:left;
}

img{
width:100%;
}

#main{
background:url("../pic/bj_12.jpg")repeat-x;
padding-top:5px;
}

#mainspan{
font-size:1.5em;
color:#2f0075;
margin-left:40px;
}

#bottom{
width:100%;
margin:0;
padding:0;
font-size:1em;
}

#bottomulli{
width:48%;
float:left;
margin-left:-8%;
margin-right:10%;
list-style-type:none;
}
.sp{
margin-top:-50px;
border-radius:8px;
}
</style>
<scripttype="text/javascript">
$(function(){
//动态加载宝贝排行信息
functionloadSecondSort(){
$.ajax({
type:"POST",
data:"groupId="+$("#groupId").val(),
url:"<%=basePath%>findBobyRankByVote.action",
success:function(data){
varlist=data.list;
varrow="";
$("ul").empty();
if(list!=null&&list.length!=0){
for(vari=0;i<list.length;i++){
row="<li><ahref=\"bao_x.jsp?id="+list[i].id+"\"><imgsrc=\"../pic/"+list[i].pic+"\"></a><inputtype=\"hidden\"id=\"id\"value="+list[i].id+"><divclass=\"sp\""+
"style=\"background-color:#ffb7cd;margin-top:10px;height:30px\">"+
"<imgsrc=\"../pic/zan.png\"style=\"width:22px;margin-left:10px;margin-top:5px;\"class=\"favour\">"+
"<spanstyle=\"margin-top:5px;color:#8a7da9;float:right;margin-right:10px;\">已<span>"+list[i].vote+"</span>票"+
"</span></div></li>";
$(row).appendTo($("ul"));
}
}
}
});
}
$(".favour").live("click",function(){
varid=$(this).closest("li").find("#id").val();
$.post("<%=basePath%>updateBobyRank.action","id="+id,
function(data){
if(data.msg==null){
if(data.success==true){
loadSecondSort();
}
}else{
alert(data.msg);
}
});
});
window.onload=loadSecondSort();
});
</script>
</head>
<body>
<inputtype="hidden"id="groupId"value="<%=groupId%>">
<divid="static">
<imgsrc="../pic/top10.jpg"><ahref="../jsp/index.jsp"><img
src="../pic/fan.png"style="width:10%;margin-top:-50px;"></a>
<divid="main">
<span>近期排名:</span>
</div>
<divid="bottom">
<ul>
</ul>
</div>
</div>
</body>
</html>

相关文章