Javascript 如何使用jqueryajax同时更新两个div?

Javascript 如何使用jqueryajax同时更新两个div?,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我正在设计一个“喜欢”和“不喜欢”功能。但当我更新like时,问题就出现了,因为它必须同时更新lokediv 这是我不喜欢的.js: $('.dislike').click(function(e) { dislike = $(this); to_dislike= dislike.data('val'); $.ajax({ type : 'POST', url : '<?php echo site_url('/url.

我正在设计一个“喜欢”和“不喜欢”功能。但当我更新like时,问题就出现了,因为它必须同时更新loke
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');
        }
    });
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
$(“#厌恶”+to#u厌恶).html(数据);
},
错误:函数(){
$(“#不喜欢”+to#u不喜欢).html('Sorry');
}
});
});
它工作得很好。但我想对其进行修改,使其能够同时更新我的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
loke
列。在like上我更新我的like。但是如果一个人在喜欢某个特定的帖子之后不喜欢,那么不喜欢会被更新为+1,喜欢会被更新为-1。


请帮助..

如果我理解正确,您只想更新您的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);
           }
       }
   });
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});

如果我理解正确,您只想更新您的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);
           }
       }
   });
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});

如果我理解正确,您只想更新您的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);
           }
       }
   });
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});

如果我理解正确,您只想更新您的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);
           }
       }
   });
});
$('.dislike')。单击(函数(e){
厌恶=$(本);
to_厌恶=厌恶数据('val');
$.ajax({
键入:“POST”,
url:“”,
数据:“不喜欢=”+表示不喜欢,
数据类型:“文本”,
成功:功能(数据){
var厌恶=parseInt($(“#厌恶”).html();
var like=parseInt($(“#like”).html();
如果(不喜欢>=0&&like>=0){
$(“#厌恶”).html(厌恶+1);
$(“#like”).html(like-1);
}
}
});
});

如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中


为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:)

如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中


为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:)

如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中


为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:)

如果我理解正确,那么您希望从数据库中获取数据,并使用一个jquery调用将其显示在两个不同的div中


为什么不将字符串与一些符号连接起来,比如
$
,然后在回显它时。如果成功,只需过滤数据并将其放在不同的分区中即可。希望有帮助。:)

不确定你所说的“它应该同时更新我的div”是什么意思,你能提供一个你的问题的可复制的例子吗?最好是在需要更详细地了解
update
的含义时。一些html可以帮助我同时获取喜欢和不喜欢的数据,然后将这些数据放在两个不同的分区中。数据中的内容以及数据的结构如何。。。最后的评论没有告诉我们much@charlietfl这是关于pertical post的喜欢和不喜欢的数字(整数)不确定你所说的“它应该同时更新我的div”是什么意思,你能提供一个可复制的例子来说明你的问题吗?最好是在需要更详细地了解
update
的含义时。一些html可以帮助我同时获取喜欢和不喜欢的数据,然后将这些数据放在两个不同的分区中