jquery实现ajax投票一例

其实是很简单的,一个或多个页面有一堆摄影作品,用户点击投票,相应的作品数量增加1.

前台jsp部分的代码如下:

...
票数:<span id="i<%=id%>"><%=vote_number%></span><br/>
    <a onclick=myvote(<%=id%>); href='javascript:;'">投票</a>
...

js部分的代码如下

function myvote(id){
	$.post("vote.jsp", { id: id },
  function(data){
  	  eval("var data="+data);
    if (data.issucc=="0"){
    	alert(data.mess)
    }else{
    	//alert("更新页面");
    	$("#i"+data.myid).html(data.votenum);
    	}
  });
}

后台返回的json数据如下

{issucc:<%=issucc%>,mess:”<%=mess%>“,votenum:<%=votenum%>,myid:<%=myid%>}

issucc:是否成功
mess:信息,主要是错误信息,比如没登录,超过限制等
votenum:投票后的得票总数
myid:投票的id,用于更新页面的投票数。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据