1

我在 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>

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

4

1 回答 1

2 
if(xhr.readyState == 4 && xhr.status == 200){
           $(document).on('click','#'+id_clics,function(){
              gestionClic(id_clics);
           });
         document.getElementById(id_clics).innerHTML = xhr.responseText;
 }
于 2013-04-11T23:27:46.473 回答