Question

我使用下面的javascript代码在页面最初加载时加载recrefresh.php。当执行函数ajaxvote时，我想要刷新以下div：

<div class="recrefresh"></div>

我尝试在成功后添加以下内容：但是在执行ajaxvote后div没有刷新：

$.get('recrefresh.php', function(data) {
  $('.recrefresh').html(data);
});

整个脚本：

<div class="recrefresh"></div>

<script type="text/javascript">
$.get('recrefresh.php', function(data) {
  $('.recrefresh').html(data);
});
</script>

<script>
$('.ajaxvote').click(function(e){
e.preventDefault(); // Prevents default link action
$.ajax({
 url: $(this).attr('href'),
 success: function(data){
alert("Vote Saved.");
$.get('recrefresh.php', function(data) {
  $('.recrefresh').html(data);
});

 }
});
});
  </script>

Answer 1

使用此

<script>
$(document).ready(function(){
  //run function here
  refreshMyDiv();

  //click event for dynamically generated elements
  $('.recrefresh').on('click' , '.ajaxvote' , function(){
     //run function inside click
     refreshMyDiv();
  });
});

// function to refresh the .recrefresh div
function refreshMyDiv(){
  $.get('recrefresh.php', function(data) {
    $('.recrefresh').html(data);
  });
}
  </script>

Answer 2

要解决此问题，请将父div添加到<div class="recrefresh"></div>，因为有时不会加载直接div，因此请将此div与其他div包装为ex。

<div class="recrefresh_parent"><div class="recrefresh"></div></div>

并使用recrefresh_parent刷新表格。有一种方法可以在ajax调用后刷新或加载div：

$('.recrefresh_parent').load("recrefresh.php .recrefresh_parent");

刷新成功的页面

2 个答案: