que error tengo!!??

oms02 · #1 (**permalink**) 26/08/2010, 20:39

Hola a todos. Tengo un problema algo.... raro.

Tengo una serie de inputs. Recojo con jquery los valores introducidos y los llevo via ajax(mediante jquery) a un .php, hago historias ahi y devuelvo una respuesta.

Todo funciona perfectamente, pero me ha ocurrido lo siguiente.

He implementado ese modelo en 2 paginas. En una de ellas recojo 3 inputs y todo funciona perfecto, pero en la segunda pagina recojo 8 inputs y todo lo demas es una copia. Pues resulta que el de 8 inputs no funciona.

Lanza un error que no ha recibido lo que le he enviado por ajax(mediante jquery).

Mirando que podia ocurrir me encuentro lo siguiente:

Código:

$("#boton").click(function(){
	var numeros= $(":input[id^='num']");
	var i=0;
	var valores =[];
	jQuery.each(numeros, function(){
		valores[i] = $(this).val();
		if(valores[i]=="")
		{valores[i]=0;}
		i++;
	});
        alert(valores);

	$.ajax({
	contentType: "application/x-www-form-urlencoded",
	type: "POST",
	url:'c1/c2/procesado.php',
	data: "valores="+valores,
	success: function(resultado)
		{
		alert(valores);
		$('div.resultado').html(resultado);}
	});
});

Coloque un alert (el 1º), dio los valores bien, cargo la pagina procesado.php, esta lanzo el mismo error de siempre, le di al click del alert, y nada cambio.

Al colocar el 2º alert (quite el 1º), tb dio ok los valores, se cargo el php con el mismo error, pero al darle al click del alert, la pagina "procesado.php" se vuelve a cargar, esta vez recibe bien los valores y funciona.

y me pregunto....q leches estoy haciendo mal??

Pq se vuelve a cargar la pagina .php??

1 saludo y muchas gracias!

Dany_s · #2 (**permalink**) 27/08/2010, 04:51

porque le estas dando click a un botón y se comporta como tal

para evitar el comportamiento hace un return false al final del evento click

oms02 · #3 (**permalink**) 27/08/2010, 06:51

Perdona danny, pero no he entendido la razon de tu afirmacion....

estoy utilizando mal ese boton???

Dany_s · #4 (**permalink**) 27/08/2010, 09:28

que elemento es #boton?

postea tu html

tredio · #5 (**permalink**) 27/08/2010, 12:20

dany puede terner razon, puedes hacerlo de esta forma, si te funciona es por que el boton era un submit.

Código Javascript:

Ver original$("#boton").click(function(){
    var numeros= $(":input[id^='num']");
    var valores =[];
    jQuery.each(numeros, function(i){
        valores[i] = $(this).val();
        if(valores[i]=="")
        {valores[i]=0;}
    });
        alert(valores);
 
        $.post('c1/c2/procesado.php',{valores:valores},function(){
            $('div.resultado').html(resultado);
        })
});

Dany_s · #6 (**permalink**) 28/08/2010, 11:37

Código HTML:

Ver original<html>
<head>
    <title>Pruebas</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
    $('.chau').click( function (){
        alert('Chau');
    });
    $('.nada').click( function (){
        alert('Chau');
        //Con esto cancelo que el click
        return false;
    });
});
</script>
</head>
<body>
    <form action="asd.asd">
        <button class="chau">Envio</button>
        <button class="nada">No envio</button>
    </form>
 
    <form action="asd.asd">
        <input class="chau" type="submit" name="" value="Chau">
        <input class="nada" type="submit" name="" value="Nada">
    </form>
 
    <a href="asd.sad" class="chau">Me voy</a>
    <a href="asd.sad" class="nada">Me quedo</a>
 
</body>
</html>

oms02 · #7 (**permalink**) 28/08/2010, 16:09

muchisimas gracias a ambos!

1 saludo!!

tredio · #8 (**permalink**) 28/08/2010, 20:35

que bien que te haya funcionado-