如何在Like Image旁边显示Like按钮计数

时间:2015-09-13 18:47:23

标签: javascript jquery html ajax

我正在动态构建img标签,并且能够分享和喜欢它们,但我想在按钮(图像)旁边显示总数没有。下面是我的代码。

function showSharedMediaImages(allSharedMediaList) {
    for ( var i = 0, len = allSharedMediaList.length; i < len; i++) {
        elem = document.createElement("img");
        elem.src = 'getImg/' + allSharedMediaList[i][0] + '/'
                + allSharedMediaList[i][1];
        elem.id = allSharedMediaList[i][2];
        elem.height = '100';
        elem.width = '100';
        elem.alt = 'SPF HYD';
        var image = document.getElementById("sharedMediaLoad");
        image.appendChild(elem);

        //adding like button
        var imgLike = document.createElement("img");
        imgLike.src = "http://www.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/102011/like_icon.png?itok=nkurUMlZ";
        imgLike.id = allSharedMediaList[i][2];
        imgLike.height = '20';
        imgLike.width = '20';
        imgLike.addEventListener("click", likeImage);
        image.appendChild(imgLike);
        // like end here
    }
}

然后它调用下面的函数来增加DB中的相似数量,并且控制器返回总数,如计数回到ajax调用,

function likeImage(e) {
    alert("Like id:" + e.currentTarget.id);
    $.ajax({
        type : 'POST',
        url : 'LikeMediaImage',
        data : "ImageId=" + e.currentTarget.id,
        success : function(likeCount) {
            alert('Media Liked successfully');
            alert('now count of likes is' + likeCount);
            document.getElementsByTagName("likeCount").innerHtml = likeCount + "Likes";
        error : function(e) {
            alert('Error: ' + e);
        }
    });
}

这里我喜欢计数喜欢的总数。 请告诉我如何才能显示这一点。

1 个答案:

答案 0 :(得分:0)

我知道了,谢谢。而不是innerHTML,我确实使用了textContent。