跟踪并限制每个用户ajax网站列表项的点击次数

Question

我有一个列表，每个列表项都有一个按钮，单击该列表会打开一个对话框，以显示有关该垂直项的一些信息。 现在，我想跟踪一个登录用户单击了多少个不同的项目。 如果解锁/单击的项目数大于一个数字，我应该显示其他对话框。

我试图用javascript 商店 API做到这一点。 但是面临将计数附加到用户然后将其绑定到用户帐户的问题。

这就是我在做什么

function showMobile(content, phone) {
// store.set('viewed_applied',0);
console.log(store.get('viewed_applied'));
if (store.get('viewed_applied') < 5) {
    $('#modal_body').html(content);
    $('#some_modal').modal('show');
    if (phone !== store.get("phone")) {
        var prev_viewed = store.get('viewed_applied');
        store.set('viewed_applied', prev_viewed + 1);
        store.set("phone", phone);
    }
} else {
    $('#planpricingModal').modal('show');
}

我在像这样的项目按钮的每次单击中都调用此函数

 <div class="pull-right">
        <a class="btn btn-default-nohover" onclick="showMobile('sample_content','some_phone');">show content</a>
    </div

是否有使用AJAX和后端实现此目的的更好方法？ 请提出建议。

Answer 1

您需要一个数据库和一个表来存储每个用户的此类跟踪信息。 然后，您可以使用jQuery Ajax来更新或获取跟踪信息。

Answer 2

您不应该简单地显示一个或另一个对话框。 请记住，半聪明的用户可以检查您的源代码以获得正确对话框的内容。 作为上述答案-每次单击按钮都应向后端调用ajax请求（例如php）。 在这里，您应该认识到应该显示给用户的内容以及应该从后端返回的内容。 由于例如数据库（或其他存储），识别用户已经单击按钮的次数很简单