Question

我在ip上创建了一个独特的点击/点击计数器。

要显示clic的数量，我在body标签上使用onload函数。例如：

<body class="homepage" onload="affiche_compteur('compteur1'); affiche_compteur('compteur2');affiche_compteur('compteur3');affiche_compteur('compteur4');affiche_compteur('compteur5');affiche_compteur('compteur6');">

affiche_compteur（法文）= display_counter

我需要使用onload调用我的html页面中的每个点击计数器。（它适用于硬编码元素，但在我的情况下，我在文档就绪中附加了元素，这些元素在我的html页面中不存在（不是硬编码的））

有没有办法获得点击计数器的每个id以避免添加每个计数器onload？

这是我的ajax脚本：

function getXhr(){
    var xhr = null; 
    if(window.XMLHttpRequest) {         
        xhr = new XMLHttpRequest(); 
    } else if(window.ActiveXObject) {   
        try {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
    } else {
           alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
           xhr = false; 
    } 
    return xhr;
};
function affiche_compteur(id_clics)
{
    var xhr = getXhr();
    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200){
            document.getElementById(id_clics).innerHTML = xhr.responseText;
        }
    };
    xhr.open('POST', './compteur/affiche_compteur.php', true);
    xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    xhr.send('compteurId='+id_clics);
}

这里是点击元素的html：

<div class="element blog " id="_13">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur13');">
</a>
</div>

<div class="element blog " id="_12">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur12');">
</a>
</div>

<div class="element blog " id="_11">
<a class="link" href="/portfolio/dock.html" onclick="gestionClic('compteur11');">
</a>
</div>

对不起我的英语，我是法国人。

Answer 1

if(xhr.readyState == 4 && xhr.status == 200){
           $(document).on('click','#'+id_clics,function(){
              gestionClic(id_clics);
           });
         document.getElementById(id_clics).innerHTML = xhr.responseText;
 }

jquery点击计数器

1 个答案: