Question

Okie所以我想this was a neat looking bit of css并认为我会尝试将其插入我的网站并替换我现有的＆＃34;推荐/推荐＆＃34;一点工作得很好的ajax /查询，但不是很漂亮。

我已从＆＃34; Love It＆＃34;更新了文字。＆＃34; Loved It!＆＃34;但是我无法获得更新的数值（总爱/推荐）。

正在使用data-counter的值，我似乎无法找出在成功的ajax POST之后获取该值的方法。

<a href="#" id="love" class="lovebtn" data-count="<?=$TotalRecommendations;?>">&#9829; Love it</a>
<script type="text/javascript">
$(document).ready(function() {
    $('#love').click(function(){
        $.ajax( {
            type: "POST",
            url: "loved.php",
            data: "id=123",
            success: function(msg) {
                document.getElementById('love').innerHTML = "&#9829; Loved!";
                document.getElementsByAttribute('data-count').innerHTML = "<?=($TotalRecommendations+1);?>";
                return false;
            }
        });
    });
});
</script>

我尝试使用一些方法，包括使用document.getElementsByAttribute('data-count').innerHTML = "<?=($TotalRecommendations+1);?>";但我在这里难倒。我也尝试使用document.getElementById('data-count').innerHTML，但这也不起作用。

有人可以与我分享一下，在成功的ajax发布后，data-count要更新的技术是什么？

Answer 1

将您的属性值更改方式更改为

document.getElementById("love").setAttribute("data-count","<?=$TotalRecommendations+1;?>");

ajax成功后更改自定义数据值

1 个答案: