0

我想在我的页面上有一个点赞按钮。我有新闻，应该有一个“哇！” 通过 update.php 更新我的 Db 的链接（也许你从 Battlelog 中知道，如果你是一名游戏玩家）。更新很好，但我不希望重新加载整个页面以显示实际的“Hooahs”。目前是使用表单来传输数据 - 我将提交按钮转换为它看起来像一个链接......

现在我的问题：

我希望它像“战斗日志”一样单击，然后文本显示“5 Persons give a hooah！”

  • 可以使用Hooah！来自“5人给了一个hooah！ ”作为链接？当点击它时，它会变成“6 Persons give a hooah！”。

我的脚本：

<script>
$(document).ready(function () {
    $('#ajax_form{newsid}').bind('submit', function() {
        var form = $('#ajax_form{newsid}');
        var data = form.serialize();
        $.post('index.php?hooah_update', data, function(response) {
            document.location.reload();
        });
        return false;
    });
});
</script>

表格：

    <div style="position: relative; top: -16px; left: 515px;">
      <form method="post" id="ajax_form{newsid}" action="#">
        <input type="hidden" name="id" value="{newsid}">
        <input type="submit" name="submit" value="hooah!" style="background:none; border:0; color:#0099ff; cursor:pointer;">
      </form>
    </div>

thx 看看 ;)

4

2 回答 2

0

你似乎快到了。代替：

document.location.reload();

你需要类似的东西：

$("#your_div").html(response);

php 脚本必须回显出您想要的文本。

于 2013-05-15T01:04:00.600 回答
0

我认为最好在客户端添加 1 个计数，而不是显示实际的“Hooahs”计数。

想象一下，您打开页面并显示“5 Persons give a Hooah！”，在您单击“Hooah！”之前 按钮还有 10 个人给了 hooahs。现在您单击按钮，我认为您只需单击一下就将计数更新为 6 比更新为 16 更好。不要担心实际计数，因为刷新整个页面时它会显示 16。

$.post('index.php?hooah_update', data, function(response) {
    if(response.success) {
        $('span#count').text(parseInt($('span#count').text()) + 1);
        // Change Hooah to Hooahs
        if(parseInt($('span#count').text() > 1) {
            $('span#hooah').text('Hooahs');
        }
    }
});
于 2013-05-15T06:54:40.993 回答