jQuery-Ajax post导致html显示在错误的位置

jQuery-Ajax post导致html显示在错误的位置,jquery,ajax,post,Jquery,Ajax,Post,我有一个网站,上面有用户发布的线程,可以投票(向上或向下),每个线程旁边都会显示投票计数 投票的上下过程是通过jQuery/Ajax完成的,并使用如下方式: $.ajax({ url: 'vote.php', success: function(data) { $('.result').html(data); } }); 正在更新计票的html(.result是保存计票编号的div的类) 此外,线程将首先按投票计数降序排序,然后按字母顺序排序 我对ajax实时更新HTML

我有一个网站,上面有用户发布的线程,可以投票(向上或向下),每个线程旁边都会显示投票计数

投票的上下过程是通过jQuery/Ajax完成的,并使用如下方式:

$.ajax({
  url: 'vote.php',
  success: function(data) {
    $('.result').html(data);

  }
});
正在更新计票的html(.result是保存计票编号的div的类)

此外,线程将首先按投票计数降序排序,然后按字母顺序排序

我对ajax实时更新HTML投票计数有一个问题,我有一种预感,这个问题是由于更新投票计数时线程的顺序发生了变化,但我不确定

我知道数据库正在更新,当我刷新页面时,它也在正确地更新,但我没有看到jQuery/Ajax所期望的实时行为

有什么问题吗?

试试看

$.ajax({
  url: 'vote.php',
  success: function(data) {
    $('.result').text(data);

  }
});
如果服务器只是发送号码,您可能应该只设置文本。

$('.result')
将引用整个文档中所有带有“result”类的项目。您是否有选择地将该类分配给要更新的项?在这种情况下,你需要向我们展示代码

否则,您可能希望通过ID之类的东西来访问适当的容器,这不受项目顺序如何更改的影响

$('#item-' + id).find('.result').html(data);

这就是问题的症结所在!我问了这个问题后就明白了,不过还是要谢谢你的正确答案:)