обновить страницу по успеху

Question

Я использую код javascript для загрузки recrefresh.php, когда страница изначально загружается. Когда функция ajaxvote выполняется я хочу следующее ДИВ обновить:

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

Я попытался добавить следующее после успеха :, но ДИВ не обновляется после выполнения ajaxvote:

$.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 с о ther div говорят, например.

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

и использовать recrefresh_parent для обновления стола. Существует способ, чтобы обновить или загрузить ДИВ после Ajax вызова:

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