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

2022-08-12 社会 52阅读

先引入jquery文件

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

点我赞一个99

然后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,就可以了.

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com