Foros del Web - Ver Mensaje Individual

Dany_s · #5 (**permalink**) 05/11/2010, 16:47

si, escape te codifica, todo muy lindo, pero...
haz visto los ejemplos del link que te pasé? viste lo que hace? los probaste?

si a ese formulario que tienes le agregas más y más campos te puedes llegar a imaginar el kilómetro de linea que va a tener la url que formas para enviar???

si eliminas un campo del formulario tenes que eliminar de la url que formas
si modificas el name tenes que modificar en la url que formas
si ya se, es sencillo, pero no lo es al modificar una y otra vez, en uno y en otro formulario

si te dan un formulario grande no podes tomarte el trabajo de ir campo por campo indicando el par clave/valor en la url

serialize te soluciona y te hace la vida mas fácil, y aparte ya te codifica la url

mira, tenes un simple php que se llama x.php

Código PHP:

Ver original<?php
echo "Dato " . $_GET['nombre'] . " " . $_GET['apellido'];
?>

que imprime 2 variables enviadas por get, "nombre" y "apellido"

tenes este jquery para enviar los datos a ese php e imprimir

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            
            $( function (){
                $('#enviar').click( function(){
                    $("#resultados").load('x.php?nombre='+$('#nombre').val()+'&apellido='+$('#apellido').val());
                    return false;
                });
            });
        </script>
    <body>
 
        <form>
            Nombre <input type="text" id="nombre" name="nombre">
            Apellido <input type="text" id="apellido" name="apellido">
        </form>
        <button id="enviar">Insertar</button>
        <div id="resultados"></div>
    </body>
</html>

tuve que indicar/recuperar clave y valor para esos 2 campos (me imagino lo que seria com 20 campos)
si al campo nombre envias 2 palabras no va a funcionar porque como no codifica la URL te va a cortar en la primer palabra, ok entonces usamos scape, listo ya funciona

ahora mira esto

Código HTML:

Ver original<html>
    <head>
        <title>Ejemplon</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    </head>
        <script type="text/javascript">
            
            $( function (){
                $('#enviar').click( function(){
                    $("#resultados").load('x.php?'+$('form').serialize());
                    return false;
                });
            });
        </script>
    <body>
 
        <form>
            Nombre <input type="text" id="nombre" name="nombre">
            Apellido <input type="text" id="apellido" name="apellido">
        </form>
        <button id="enviar">Insertar</button>
        <div id="resultados"></div>
    </body>
</html>

magia!