Tenho alguns Ajax funcionando corretamente porém, algumas vezes ele inverte os dados que deveriam ser tragos.
Aqui eu chamo dados de um script php:
$ .ajax({ type: 'POST', url: 'script/exibeEmpregosProprias.php', data: {}, dataType: 'html', success: function(dadosEmpregos){ $ ('#listaEmpregos').empty(); $ ('#listaEmpregos').html(dadosEmpregos); } });
E nesses dados estou chamando dois botões, um botão para editar e um botão para excluir, quando for pressionado um dos botões deve ser executado outro Ajax dentro de um Ajax. Na primeira vez é executado corretamente, quando clico em editar ele me trás os dados que seriam de editar, e excluir os dados de excluir. Porém nas vezes seguintes ocorrem falhas e muitas vezes eles veem trocados. Acredito que não seja erro no código pois como eu disse funciona normalmente algumas vezes.
1° Para editar
$ ('body').on('click', '.edit-option', function (e) { var ch = $ (this).val(); jQuery('#' + ch).submit(function(){ var dadosedit = jQuery( this ).serialize(); jQuery.ajax({ type: "POST", url: "script/alterarRedes.php", data: dadosedit, success: function( data ) { $ .ajax({ type: 'POST', url: 'script/alterarRedes.php', data: {}, success: function(dadosAltRedes){ $ ('#excluiRedes').empty(); $ ('#alteraRedes').empty(); $ ('#alteraRedes').html(dadosAltRedes); $ ("#excluiRedes").hide(); $ ("#alteraRedes").show(); $ ("#escuroTotal").show(); } }); } }); return false; }); });
2° Para excluir:
$ ('body').on('click', '.delete-option', function (e) { var dh = $ (this).val(); jQuery('#' + dh).submit(function(){ var dadosdel = jQuery( this ).serialize(); jQuery.ajax({ type: "POST", url: "script/excluiRedes.php", data: dadosdel, success: function( data ) { $ .ajax({ type: 'POST', url: 'script/excluiRedes.php', data: {}, success: function(dadosDelRedes){ $ ('#excluiRedes').empty(); $ ('#alteraRedes').empty(); $ ('#excluiRedes').html(dadosDelRedes); $ ("#alteraRedes").hide(); $ ("#excluiRedes").show(); $ ("#escuroTotal").show(); } }); } }); return false; }); });