Enviando partes do formulário usando jQuery serialize () e AJAX

Question

Apr 21, 2013, 01:26 PM

Enviando partes do formulário usando jQuery serialize () e AJAX

Eu estou tentando enviar partes de um formulário por AJAX usando serialize do jQuery. O formulário tem 16 campos de texto. Eu tenho 4 botões. obutton0 envia os campos de texto 0,1,2,3 ebutton1 envia os campos de texto 4,5,6,7, etc etc. Como posso fazê-lo?

HTML

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Serialize</title>  
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>   
 </head>
 <body>
    <form id='miForm' class='miForm' name='miForm' action='env.php' method='POST'>

    </form>
 </body>
</html>

jQuery:

     $(document).ready(function(){
        for(i=0;i<16;i++){
            $('form').append('Campo de texto '+i+'<input type="text" id="txt'+i+'" value="Campo '+i+'" readonly="yes"/><br>');
        }
        for(i=0;i<4;i++){
            $('form').append('<input type="button" id="butEnv'+i+'" value="Enviar'+i+'"/><br>');
        }
        $('form').append('<input type="button" id="butGen" value="Enviar Global"/><br>');

    });