Question

用ThinkPHP+JQuery实现无刷新点赞、踩、收藏功能

1、点击页面中的一个 a 链接，通过JQ提交数据到表中
2、提交数据后，页面不刷新，实时返回对应的计数数据到模板





Answer 1

//点赞
$(".log_digg").on('click', function () {
var post_id = $(this).parent().parent().find(".post_id").val();
var log_digg_num =$(this).find(".log_digg_num_"+post_id).html();
log_digg_num=parseInt(log_digg_num);
var text = $(this).find(".digg_text_"+post_id).text();
if(text=="点赞"){
$.post(URL_PATH+"/index/Index/digg_log",{'post_id':post_id},function(data){
var data=JSON.parse(data);//接收解码的数据
if(data.code=="200"){
alert(data.msg);
log_digg_num = log_digg_num+1;
$(".log_digg_num_"+post_id).html(log_digg_num);
$(".digg_text_"+post_id).text('取消点赞');

}
else
{
alert('点赞失败');
}
});
}
else{
$.post(URL_PATH+"/index/Index/cancel_digg_log",{'post_id':post_id},function(data){
var data=JSON.parse(data);//接收解码的数据
if(data.code=="200"){
alert(data.msg);
log_digg_num = log_digg_num-1;
$(".log_digg_num_"+post_id).html(log_digg_num);
$(".digg_text_"+post_id).text('点赞');

}
else
{
alert('取消点赞失败');
}
});
}

})

如果需要后台传输就用ajax的给你个例子：
$.ajax({ url: "test.html", context: document.body}).done(function() { $(this).addClass("done");});