使用ajax更新span内容

Question

我怎样才能直接更新投票？就像本网站上的投票一样

我有这个功能：

function ratePost(id, rating) {
    $.post("ratepost.php", {postID: id, rating: rating}, function(data){alert(data+" return val"); });
}

<span class="karma"><?php echo $rating ?></span>

Answer 1

我认为你需要做两件事才能让它发挥作用：

1. 将id设置为您的显示范围并将其保留为空（不需要php echo），例如

<span id = 'rating'...></span>

1. 在你的ajax回调函数中，执行类似
的操作

function(data){document.getElementById("rating").innerHTML = data;}

Answer 2

似乎你正在使用像jQuery这样的javascript库。

因此，您可以像回调中那样定位您的范围：

function(data){ $(".karma").html(data) }

这是你想要的（我认为:-)）：

function ratePost(id, rating) {
    $.post("ratepost.php", {postID: id, rating: rating}, function(data){
        var current = $(".karma").html();
        $(".karma").html( current + 1 );
    });
}

<span class="karma"><?php echo $rating ?></span>