como utilizo un ajax despues de otro ajax

[sonickseven]

hola muchachos bueno pues mi pregunta es la siguiente:
cargo de afura de una pagina una ventana y en esa ventana hay un textfield con un boton submit (sin form) el problema es que no me ejecuta nada. Si aparece la venta bn pero al darle click al boton no hace nada el codigo es el siguiente.

Código Javascript:

$('#answer span').click(function(){
                 var clas=$(this).attr('class'); 
                 var codHis='codHis='+clas;
                 $.ajax({
                     url: '../BusHistMensa/chat.php',
                    data: codHis,
                    type: 'POST',
                    dataType: 'json',
                    success: function(respuesta){
                         $('.'+clas+'ss').toggle().html(respuesta.resultado,function(){
                            $('.submit').click(function(){                                 
                                    var palabras= $('#txt_answer-1').val();
                                    var codigoH=$('#hist-1').val();
                                    var datos_formulario = {'txt_answer':palabras,'txt_historiaCod':codigoH};
                                    alert(datos_formulario);
//                                    $.ajax({
//                                        url: '../BusHistMensa/chat.php',
//                                        data: datos_formulario,
//                                        type: 'POST',
//                                        success: function(abc){
//                                            alert(abc);
////                                                $('.'+clas+'ss').fadeOut(400);
//                                        }
//                                    });
                                }); 
                        });
                    }
                 });             
            });
 

lo que esta dentro de los comentarios es la parte que funciona si el $('.submit').click() funciona pero jumm no aparece nada y si lo meto con formulario y en ves .click() poner .submit(); pero al momento de darle click lo que hace es que lo envia de forma GET y pues asi no quiero si alguen sabe como hacer esto de dos ajax seguidos le agradeceria

[chichote]

Hola, Si mal no entiendo. Estas cargando un contenido de manera dinámica con jquery, y luego quieres capturar el evento click de uno de los elementos que cargaste dinamicamente. Si es eso, debes utilizar Live() para capturar ese evento, ya que jquery de forma nativa no reconoce los nuevos elementos añadidos al dom.

http://api.jquery.com/live/

Saludos.

[gebremswar]

Hola chichote, que tal.

El método .live() dejé de utilizarlo rotundamente cuando leí el siguiente artículo: Porqué no debemos usar nunca jQuery Live.

Lo mejor es utilizar el método .on() para asociar eventos. Se puede leer sobre dicho método y su contrario/complementario .off() para eliminar eventos en este artículo.

Basándonos en dicha información podemos recomendarle el uso de estos métodos a sonickseven.

Hace unos meses respondí a un tema, que requería de una solución similar.

sonickseven puedes revisar este mensaje en el cual incluí un ejemplo para entender mejor como usar dichos métodos sin tomar la mala decisión de usar el método obsoleto.

Por favor coméntanos tus dudas.

[David]

La línea 10 está mal. html() no acepta un segundo parámetro, por lo que esa función nunca llega a ejecutarse:
http://api.jquery.com/html/

[chichote]

Excelente, gracias por compartir ;)

Saludos.

Iniciado por gebremswar

Hola chichote, que tal.

El método .live() dejé de utilizarlo rotundamente cuando leí el siguiente artículo: Porqué no debemos usar nunca jQuery Live.

Lo mejor es utilizar el método .on() para asociar eventos. Se puede leer sobre dicho método y su contrario/complementario .off() para eliminar eventos en este artículo.

Basándonos en dicha información podemos recomendarle el uso de estos métodos a sonickseven.

Hace unos meses respondí a un tema, que requería de una solución similar.

sonickseven puedes revisar este mensaje en el cual incluí un ejemplo para entender mejor como usar dichos métodos sin tomar la mala decisión de usar el método obsoleto.

Por favor coméntanos tus dudas.

[sonickseven]

hola muchachos pues bueno de antemano les digo gracias por las respuestas pero inevestigue e investigue hasta que por fin encontre la solucion bn practica y que me evita como10 lineas de codigo y es con la funcion .load(); mas facil ac ontinuacion les mostrare la solucion :D

Código Javascript:

var clas=$(this).attr('class');
 var codHis='codHis='+clas;
 $('.'+clas+'ss').toggle().load('../BusHistMensa/chat.php', {codHis:clas}, function(){//con esta funcion si puedo trabajar con el 
                                                                                      //resultado (call back) en cambio con .ajax({}) no o eso creo
                                                                                      //falta averiguar mas sobre el on(); y el off();
            $('.submit').click(function(){                                
                    var palabras= $('#txt_answer-1').val();
                    var codigoH=$('#hist-1').val();
                    var datos_formulario = {'txt_answer':palabras,'txt_historiaCod':codigoH};
                    alert(datos_formulario);
                                    $.ajax({
                                        url: '../BusHistMensa/chat.php',
                                        data: datos_formulario,
                                        type: 'POST',
                                        success: function(abc){
                                            alert(abc);
                                                $('.'+clas+'ss').fadeOut(400);
                                        }
                                    });
            });            
});
 

espero hayan entendido ya es muy buena la solucion que he encontrado :D