Atualizar div com Ajax
Bom dia galera. Estou com um sistema que tem um botão para ativar e desativar, porém gostaria que fizesse o mesmo sem dar refresh na página inteira, só em uma div, porquê estou usando MENU ACCORDION e se atualizar a página inteira, sairá do conteudo de ativar e desativar. Meu código AJAX abaixo:
<!-- inicio do ativar instalacao -->
// $('.ativa').on('click', function(){ <!--utilizar ON se jquery > 1.7, ou usar LIVE se jquery <1.7-->
$(document).ready(function() {
$('#msg_ativ').hide();
});
$(function() {
$('.ativa').on('click', function(){
$('#msg_ativ').fadeIn();
var id = this.id;
$.ajax({
type: "POST",
url: "[url=[http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php](http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php)][http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php](http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php)",[/url]
data: {id: id},
success: function( data )
{
$("#ativado").fadeIn(1000);
$("#ativado").html("Ativado!");
$('#msg_ativ').fadeOut(1000);
location.reload("table");
//alert(data);
}
});
return false;
});
});
<!-- inicio do desativar instalacao -->
$(document).ready(function(){
$('.desativa').on('click',function(){
var id1 = this.id;
$.ajax({
type: "POST",
url: "[url=[http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php](http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php)][http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php](http://localhost/wordpress/wp-content/themes/onetone-child/accordion/ativa_desa.php)",[/url]
data: {id1: id1},
success: function( data )
{
$("#desativado").fadeIn(1000);
$("#desativado").html("Desativado!");
location.reload("table");
//alert(data);
}
});
return false;
});}); Agradeço desde já quem puder ajudar.
Discussão (11)
Carregando comentários...