Tenho essa requisição ajax que trás comentários de um arquivo (.php) JUNTO COM UM FORM NO FIM para inserir mais comentários:
//carregar comentarios
$(document).on('click','#carregar-comentario',function(){
var id = $(this).attr("value");
var retorno = $('#mostrar-comentario'+id+'');
$.ajax({
type: "GET",
url: 'carregar-comentario.php',
data: "id="+id,
success: function(resposta) {
retorno.fadeIn("fast").html(resposta);
},
beforeSend: function(){
retorno.fadeIn("fast").html('<div>Corrigindo...</div>');
},
error: function(data) {
retorno.fadeIn("fast").html('Erro ao corrigir!');
}
});
return false;
});
E esse que cadastra um novo comentário que veio junto a lista de comentários da requisição anterior.
//cadastrar comentario
$(document).on('click','#cadastrar-comentario',function(){
var id = $('#id').attr("value");
var id_usuario = $('#id_usuario').attr("value");
var comentario = $('#comentario').val();
var retorno = $('#mostrar-comentario-usuario'+id+'');
$.ajax({
type: "GET",
url: 'cadastrar-comentario.php',
data: "id="+id+"&id_usuario="+id_usuario+"&comentario="+comentario+"",
success: function(resposta) {
retorno.fadeIn("fast").html(resposta);
},
beforeSend: function(){
retorno.fadeIn("fast").html('<div>Cadastrando...</div>');
},
error: function(data) {
retorno.fadeIn("fast").html('Erro ao cadastrar!');
}
});
return false;
});
Como faço para que ao executar a segunda requisição (o cadastro), esse novo comentário seja exibido junto com os outros automaticamente? Existe alguma forma de aproveitar a primeira requisição inserindo algo no success da segunda requisição? Essa seria a melhor forma?