Comunidad de diseño web y desarrollo en internet online

COMO REFRESCO RESPUESTA JQUERY?

Citar            
MensajeEscrito el 22 Jul 2012 04:19 pm
Hola amigos, tengo 2 formulario, los 2 envian info al mismo archivo PHP y este devuelve una respuesta, pero la info que recibo la recibo sin recargar la pagina. El problema que tengo es:
Envio con el primer formulario la info, y me aparece el mensaje de respuesta de PHP, pero si envio la info del otro formulario, cuando PHP me responde, la respuesta se pone debajo de la anterior, es decir, no se refresca el contenido, si no que se acumula.
Gracias.

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 22 Jul 2012 04:22 pm
sin ver el código es difícil poderte ayudar.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 22 Jul 2012 04:27 pm
Antes que nada, perdon no me di cuenta que no es la seccion Jquery, en fin el codigo:

Código HTML :

<script language="javascript" src="jquery-1.3.min.js"></script>
<script language="javascript">

jQuery(document).ready(function() {
    jQuery().ajaxStart(function() {   
        jQuery('#result3').hide();
    }).ajaxStop(function() { 
        jQuery('#result3').fadeIn('slow');
    });
    jQuery('#form_adherirse').submit(function() {
        jQuery.ajax({
            type: 'POST',
            url: jQuery(this).attr('action'),
            data: jQuery(this).serialize(),
            success: function(data) {
                jQuery('#result3').html(data);

            }
        })
        
        return false;
    }); 
})

jQuery(document).ready(function() {
    jQuery().ajaxStart(function() {       
        jQuery('#result_DNI').hide();
    }).ajaxStop(function() {
       
        jQuery('#result_DNI').fadeIn('slow');
    });
    jQuery('#form4').submit(function() {
        jQuery.ajax({
            type: 'POST',
            url: jQuery(this).attr('action'),
            data: jQuery(this).serialize(),
            success: function(data) {
            
                jQuery('#result_DNI').html(data);
            
            }
        })
        
        return false;
    }); 
})
</script>


EL CSS:

Código CSS :

body,td,th {
   color: #333333;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
}
fieldset {
   width:380px;
   margin:auto;
}
#form ol{
   list-style:none;
}
#form ol li{
   padding-bottom:10px;
}
#form ol li label{
   float:left;
   width:90px;
}
#result {
   width:280px;
   border:1px solid #bfcddb;
   margin:auto;
   margin-top:10px;
   text-align:center;
   display:none;
   float:left;
}
#loading {
   background-image:url(ajax-loader.gif);
   width:31px;
   height:31px;
   margin:auto;
   display:none;
   left:50%;
   top:50%;
}
#result2 {
   color:#777;
   width:570px;
   margin:auto;
   margin-top:10px;
   text-align:left;
   display:none;
   float:left;
   font-size:11px;
}
#result3 {
   background-color:#F30;
   color:#FFF;
   width:350px;
   margin:auto;
   margin-top:10px;
   padding-left:10px;
   text-align:left;
   display:none;
   float:left;
   font-size:12px;
}
#result_DNI {
   color:#777;
   width:200;
   text-align:left;
   display:none;
   float:left;
   font-size:11px;
   overflow:hidden;
}
#loading2{
   background-image:url(ajax-loader.gif);
   width:31px;
   height:31px;
   margin:auto;
   display:none;
   left:50%;
   top:420px;
}


Hay algunas cositas de mas pero eso es mas o menos.
Gracias.

Por chunilp

71 de clabLevel



 

chrome
Citar            
MensajeEscrito el 23 Jul 2012 02:26 am
Estas imprimiendo el resultado de cada form en un div diferente, si quieres que se reemplace, tienes que imprimirlos ambos en el mismo div.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 23 Jul 2012 06:32 pm
Si es verdad... funciona bien, si no que queria ver si podia hacerlo en diferentes div ya que cada una tiene un formato diferente.

Por chunilp

71 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.