Question

我正在设计一个喜欢和不喜欢功能。但是当我更新我的喜欢时会出现问题，同时它也必须更新不喜欢div。

这是我不喜欢的.js：

$('.dislike').click(function(e) {
    dislike = $(this);
    to_dislike= dislike.data('val');
    $.ajax({
        type     : 'POST',
        url      : '<?php echo site_url('/url.php');?>',
        data     : 'dislikes='+to_dislike,
        dataType : 'text',
        success  : function(data){
            $("#dislike_"+to_dislike).html(data);
        },
        error    : function(){
            $("#dislike_"+to_dislike).html('Sorry');
        }
    });
});

它的工作好。但我想以这样的方式修改它，它应该同时更新我的div：

<div id='like'></div>

这是我的HTML：

<table>
    <tr>
        <td> <button class="like"></button></td>
        <td> <button class="dislike"></button></td>
    </tr>
    <tr>
        <td>LIKE : <div id='like'></div></td>
        <td> Dislike : <div id='dislike'></div></td>
    </tr>
</table>

修改

更新：我必须同时获取有关喜欢和不喜欢的数据，然后将这些数据放在两个不同的div中。有一个包含like和dislike列的表格。就像我更新我的喜欢。但如果一个人在喜欢某个帖子之后不喜欢那么不喜欢会更新为+1而喜欢更新为-1。

请帮助..

Answer 1

如果我找到了你，那么你想从数据库中获取数据并使用一个jquery调用将它显示在两个不同的div中。

为什么不将字符串与$之类的符号连接起来，然后在回显它时。在成功时，只需过滤数据并将其放在不同的div中。希望它有所帮助。：）

Answer 2

如果我理解正确，你只想更新你的div中喜欢和不喜欢的数量。

$('.dislike').click(function(e) {
   dislike = $(this);
   to_dislike= dislike.data('val');
   $.ajax({
       type     : 'POST',
       url      : '<?php echo site_url('/url.php');?>',
       data     : 'dislikes='+to_dislike,
       dataType : 'text',
       success  : function(data){
           var dislike = parseInt($("#dislike").html());
           var like = parseInt($("#like").html());
           if ( dislike >= 0 && like >= 0) {
              $("#dislike").html(dislike + 1);
              $("#like").html(like - 1);
           }
       }
   });
});

如何使用jquery ajax同时更新两个div？

2 个答案: