怎么利用ajax 和 js实现点赞功能

 我来答
名字好难取
推荐于2017-11-23 · TA获得超过383个赞
知道小有建树答主
回答量:402
采纳率:66%
帮助的人:229万
展开全部

先引入jquery文件

然后点击事件比如说下面的html代码

<a class="like" data-id="55">点我赞一个<span class="zan">99</span></a>

然后js代码

$(document).on("click",".like",function(){
    var dataid=$(this).attr("data-id");
    var url='3tii.com/test/ajax.php?id='+dataid;
        $.ajax({
            url: url,
            type: 'get',
            dataType:'json',
            success: function (data) {
                $('.zan').html(data.html);
            }
        });
});

然后ajax.php文件,这个文件里面先获取id,然后根据id,update新"赞"那个字段,每点一次就+1,

然后再获取"赞"字段的值,就是总的赞了多少次,将结果存到数组里面,返回json数据,就是上面js的,data.html

ajax.php相关代码

//相关的sql语然,按照你自己的来,根据获取的id,update新"赞"那个字段,每点一次就+1
//然后再获取"赞"字段的最新值
$data=array(
        "html"=>23 //这里是获取到的赞的最新值
    );
}
echo json_encode($data);

ok,就可以了.

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式