javascript - JS 怎么实现点击页面，统计点击次数，怎么写？

Question

场景：
点击一个ul结构的页面，统计每个li标签的点击次数,每个li都有一个唯一Id=postId
根据这个postId返回到服务器，返回参数有：用户ID（userId）和点击数(clickNum)，请求方式是post。

在写这个post之前，还有一个ajax的get查询的方法，目的是填充所有li标签的内容：

<ul class="mui-table-view list" id="contentList"></ul>

（疑问？在点击li标签后，会打开li标签的链接内容，这个可以忽略吗？它的跳转链接会不会影响这个点击的统计？）

我这样写对吗？

var contentList = document.getElementById('contentList');
var liTam = document.getElementsByTagName('li'); 
contentList liTam.on('tap', function(event){
    event.preventDefault();
    $.ajax({
        url:"",
        type:"post",
        contentType: "application/json; charset=utf-8",
        success: function(data) {
            if (data.pagecount)
                {
                    data.pagecount=Number(data.pagecount) +1;
                }
            else
                {
                    data.pagecount=1;
            }
            
        }
    })
})

这功能应该怎么写？

Answer 1

使用ajax，

Answer 2

用localStorage。获取ul中的li集合，给每个li绑定click事件，触发一个计数器函数,如果有四个li元素，[localStorage.list1,localStorage.list2,localStorage.list3，localStorage.list4]，单独统计每个不同li的点击次数：post,li的content，userid，clicknum。