flask前台数据通过ajax传递到后台之点赞与视频播放量

Posted 2023-02-26 zy_dream

实现功能：

1.点击播放视频，后台视频点击量增加

2.点赞按钮，点击为红色，后台视频赞数增加；再次点赞，按钮变为灰色，后台视频赞数不增加

前台点赞按钮：

<a href="#" id="zan- v.id " name="iconfont zan">
     <i class="iconfont zan"></i>
</a>

点赞 js：

            $("#zan- v.id ").click(function () 
                if (this.name == "iconfont zan") 
                    this.innerhtml = "<i class='iconfont unzan'></i>";
                    this.name = "iconfont unzan";

                    var likes =  v.like_num  +1;
                    var url = " url_for('grade.make_likes', id=project.id) ";
                    var data_dic = 
                        'like': likes,
                        'video': ' v.id '
                    ;
                    $.ajax(
                        type: 'POST',
                        url: url,
                        data: JSON.stringify(data_dic),
                        contentType: 'application/json; charset=UTF-8',
                        dataType: 'json',
                        success: function (data) 
                            window.history.back();
                        
                    );

                
                else 
                    this.innerHTML = "<i class='iconfont zan'></i>";
                    this.name = "iconfont zan";
                    var likess =  v.like_num ;
                    var urls = " url_for('grade.make_likes', id=project.id) ";
                    var data_dics = 
                        'like': likess,
                        'video': ' v.id '
                    ;
                    $.ajax(
                        type: 'POST',
                        url: urls,
                        data: JSON.stringify(data_dics),
                        contentType: 'application/json; charset=UTF-8',
                        dataType: 'json',
                        success: function (data) 
                            window.history.back();
                        
                    );
                

            );

播放量 js：

            var myvideo1 = document.getElementById('myvideo- v.id ');
            myvideo1.setAttribute("src", ' v.path ');

            myvideo1.addEventListener('play', function () 
                    var views =  v.view_num  +1;
                    var url = " url_for('grade.make_views', id=project.id) ";
                    var data_dic = 
                        'view': views,
                        'video': ' v.id '
                    ;
                    $.ajax(
                        type: 'POST',
                        url: url,
                        data: JSON.stringify(data_dic),
                        contentType: 'application/json; charset=UTF-8',
                        dataType: 'json',
                        success: function (data) 
                        
                    );
            );