¿Cómo publicar un formulario con muchos campos con jQuery?

Question

Aunque $ .ajax() se puede usar para hacer cosas ajax, no creo que sea adecuado para publicar valores de gran formato.

¿Cómo harías post una forma grande (muchos campos) sin tener que ingresar todos a mano?

Answer 1

¿Cuál es su razonamiento detrás de esa suposición? POST está diseñado para transferir grandes cantidades de datos que GET. Una solicitud AJAX POST es casi exactamente la misma que una solicitud POST "normal", simplemente se agrupa y maneja internamente por un navegador de una manera ligeramente diferente. Un par de encabezados pueden ser ligeramente diferentes, pero los datos son todos iguales. ¿Por qué AJAX no puede manejar una forma "grande"?

¿Qué definirías incluso como una forma "grande" de todos modos?

Edit: Gracias por la aclaración de su pregunta. Entiendo lo que estás preguntando ahora, y veo de dónde vienes. Para un formulario con muchas entradas, podría ser complicado agruparlo en una solicitud de Ajax todo el tiempo.

Dado que está utilizando jQuery, hay una solución fácil para esto. Consulte el método serialize(). Le da un formulario y le devuelve una cadena de consulta de todos los elementos y valores de entrada del formulario que puede pasar directamente a una solicitud ajax. Hay un ejemplo allí en la página del manual que muestra cómo se hace.

Todo lo que tiene que hacer es esto:

$.ajax({ 
    data: $("form").serialize(), 
    //etc. 
}); 

donde "form" es el id de su formulario.

Answer 2

Lo que estás preguntando no es difícil. Todo lo que tiene que hacer es recopilar el contenido del formulario y pasarlo a su servidor (generalmente usando JSON).

Tome un vistazo a este COMO:

http://code.tutsplus.com/tutorials/submit-a-form-without-page-refresh-using-jquery--net-59

Answer 3

Si no ha probado todavía. A continuación, cree un formulario BIG (ahora lo que quiera decir con eso) y use $.ajax() o el complemento jQuery Forms para publicarlo. ¡Sabrá si es para este tipo de cosas o no!

EDITAR: - (después de su edición) ¡Entonces forms plugin es para usted! Dale un tiro.

Answer 4

Puede usar jQuery.post(url, data, callback, type), como es más simple para jQuery.ajax(options).

Al usar serialize, puede enviar el formulario completo automáticamente.

$.post("/post_handler/", 
    $("form#my_form").serialize(), 
    function(json){ 
     /*your success code*/ 
    }, "json"); 

Un ejemplo más completo:

<script> 
$().ready(function(){ 
    $("form#my_form submit").click(function(){ 
     $.post("/post_handler/", 
      $("form#my_form").serialize(), 
      function(json){ 
       /*your success code*/ 
      }, "json"); 
     return false; 
    }); 
} 
</script> 
<form id="my_form" action="/post_handler/" method="post"> 
    <input type="text" name="text1" value="my text 1" /> 
    <input type="text" name="text2" value="my text 2" /> 
    <input type="submit" name="submit_button" value="Send" /> 
</form> 

Esto sería reemplazar el valor predeterminado post, y llevar a cabo con AJAX.

Answer 5

Pruebe el jquery form plugin.

Probablemente haga exactamente lo que necesita hacer de la caja.

Answer 6

Probablemente desee utilizar serialize si no desea tratar manualmente con cada elemento.

$.ajax({ 
    type: "POST", 
    url: "form.php", 
    data: $("#form_id").serialize() 
    success: function(msg) { 
    alert("Form Submitted: " + msg); 
    } 
}); 

Answer 7

He enviado (grandes) formas más complejas con $ .ajax() y no tenía ningún problema. No he enviado archivos a través de solicitudes ajax, pero lo he visto hecho y funciona mejor que las publicaciones tradicionales porque no vincula el navegador mientras se está cargando.

Según su comentario a @zombat, supongo que tiene una gran cantidad de entradas, la mayoría de las cuales quedarán en blanco la mayor parte del tiempo. Dos sugerencias aquí 1) dividen las entradas en formularios separados y solo envían cada uno tan pronto como se toca/completa. 2) examine el estado de su formulario con JavaScript y envuelva la información en JSON o XML, y en lugar de publicar los datos del formulario, publique solo la estructura de datos.

"Grande" no debería ser un problema, quizás pueda encontrar un mejor adjetivo para describir sus datos que les permita a todos saber por qué es difícil de enviar.