如何使用jquery ajax同時更新兩個div？

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);
           }
       }
   });
});