Foros del Web » Programando para Internet » Jquery »

ejecutar funcion ajax jquery

Estas en el tema de ejecutar funcion ajax jquery en el foro de Jquery en Foros del Web. Estimados me estoy iniciando en ajax con jquery con buenas experiencias, estoy probando el siguiente scripts Código: <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> <script language="javascript"> $(document).ready(function() { $().ajaxStart(function() ...
  #1 (permalink)  
Antiguo 05/04/2011, 14:41
 
Fecha de Ingreso: agosto-2010
Mensajes: 19
Antigüedad: 14 años, 3 meses
Puntos: 2
ejecutar funcion ajax jquery

Estimados me estoy iniciando en ajax con jquery con buenas experiencias, estoy probando el siguiente scripts

Código:
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script language="javascript">
$(document).ready(function() {

	$().ajaxStart(function() {
        $('#loading').show();
        $('#result').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#result').fadeIn('slow');
    });
						   
    $('#fo3').submit(function() {
		 $("#cargando").css("display", "inline");
        $.ajax({
            type: 'POST',
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#result').html(data);
				$("#cargando").css("display", "none");
				$("#num1").val("");
  				$("#num2").val("");
            }
        })       
        return false;
    }); 
})  
</script>
El ejemplo que estoy aplicando es mandar dos valores numericos desde un formulario mediante POST a un scripts php y en el scripts php sumo esos dos valores eso lo hace super bien y me muestra el resultado sin recargar la pagina, el tema es que si bien entiendo toma el comportamiento submit del formulario como puedo hacer para que en vez de activar este scripts con un boton type submit lo haga desde un radio bottom utilizando onclick ?

Saludos y gracias por la ayuda prestada
  #2 (permalink)  
Antiguo 05/04/2011, 14:46
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 16 años, 10 meses
Puntos: 845
Respuesta: ejecutar funcion ajax jquery

Que tal pymelab,

Podrias disparar el submit en el click de los radio's, suponiendo que tienen una clase en común 'radios', podria ser algo así:

Código Javascript:
Ver original
  1. $('.radios').click(function(e){
  2.     $('#fo3').submit();
  3. });

Saludos.
__________________
http://es.phptherightway.com/
thats us riders :)
  #3 (permalink)  
Antiguo 05/04/2011, 15:06
 
Fecha de Ingreso: agosto-2010
Mensajes: 19
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: ejecutar funcion ajax jquery

Hola masterpuppet, gracias por la respuesta .

Desde el radio bottom lo dejo asi : ?

Código HTML:
Ver original
  1. <input type="radio" name="radio" id="radio" value="radio" class="radios" onclick="this.form.submit();"/>

gracias por tu ayuda
  #4 (permalink)  
Antiguo 05/04/2011, 15:16
Avatar de masterpuppet
Software Craftsman
 
Fecha de Ingreso: enero-2008
Ubicación: Montevideo, Uruguay
Mensajes: 3.550
Antigüedad: 16 años, 10 meses
Puntos: 845
Respuesta: ejecutar funcion ajax jquery

No, deberías leer sobre Javascript no obstrusivo, agrega el código que te deje anteriormente al final del $(document).ready y debería funcionar bien, ante cualquier error me lo comentas.

Saludos.
__________________
http://es.phptherightway.com/
thats us riders :)
  #5 (permalink)  
Antiguo 05/04/2011, 15:34
 
Fecha de Ingreso: agosto-2010
Mensajes: 19
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: ejecutar funcion ajax jquery

Muchas gracias masterpuppet si funko super estaba agregando esa funcion creada de otra manera por eso no me funcionaba.

nuevamente gracias por la ayuda

Saludos

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:10.