envio de datos formulario a php con jquery

[after]

Hola a todos.

Estoy haciendo un sistema de comentarios, con ajax y php de la siguiente forma:

Código Javascript:

<script>
 
    $(function(){
        $('#facebook').val('').blur().focus(function(){
            if($(this).data('facebook')) return false;
            $(this).data('facebook', true);
            $(this).css({
                width   : $(this).outerWidth() - 36
            });
            $('<img src="images/facebook.gif" class="avatar" style="margin-top:1px;position:absolute;"/>'+
                    '<span class="avatar" style="display:inline-block;width:36px;height:30px"></span>').insertBefore($(this));
            $('<img src="images/facebook_comment.png" class="avatar" id="post" style="float:right;cursor:pointer;margin-top:2px" />').insertAfter($(this));
        });
        $('#post').live('click', function(){
                    
            var clone = $(this).parent().clone();
            var txt = $(document.createElement('span')).html('<b style="color:#3B5998">Facebook</b> '+$(this).parent().find('textarea').val()).css({
                display     : 'inline-block',
                width       : $(this).parent().find('textarea').width(),
                overflow    : 'hidden'
            });
                    
            txt.insertBefore(clone.find('textarea'));
            clone.insertBefore($(this).parent()).find('textarea').remove();
            clone.find('#post').remove();
            $(this).parent().find('textarea').val('').blur();
            
            $.ajax({
    type: 'POST',
    data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    
    success: function(data){
      alert( "Comentario guardado: " + data );
 
    }
});
            
        });
 
    
    });
    
</script>
 

Y en php:

Código PHP:

<?php echo $_POST['texto']; ?>
 

Pero el problema es que la variable no la pasa, queda en blanco.
Alguna idea?
Pd: No soy bueno con el Javascript..

[maycolalvarez]

intenta:

data: 'texto='+$(this).parent().find('textarea').html()

los textarea no tienen propiedad value

[caricatos]

Tema movido desde javascript

[after]

Ya me va, pero ahora tengo la duda de como hago para que envíe más de dos textbox?

[after]

Ahora como hago para que en data me envíe los datos de dos textbox y un campo oculto??
"data: 'texto='+$(this).parent().find('textarea').val(),"

[Dany_s]

podes ocupar el método serialize
http://api.jquery.com/serialize/

[after]

Iniciado por Dany_s

podes ocupar el método serialize
http://api.jquery.com/serialize/

He buscado y encontré que serialize lo usan con forms, pero yo en esta ocasión no estoy usando ningún form

Lo que hace el script es enviarlo al hacer click en el botón

Código Javascript:

$('#post').live('click', function(){
            
$.ajax({
    type: 'POST',
   data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    
    
    success: function(data){
      alert( "Su comentario fue agregado: : " + data );
 
    }
});
 

Intente usar un form pero para eso también tendría que insertar un Botón para que en una función .submit(function(){... lo envíe. Pero con jquery ya le tengo un botón.

Pongo todo el código completo.


<

Código Javascript:

script>
 
    $(function(){
        $('#facebook').val('').blur().focus(function(){
            if($(this).data('facebook')) return false;
            $(this).data('facebook', true);
            $(this).css({
                width   : $(this).outerWidth() - 36
            });
            $('<img src="images/facebook.gif" class="avatar" style="margin-top:1px;position:absolute;"/>'+
                    '<span class="avatar" style="display:inline-block;width:36px;height:30px"></span>').insertBefore($(this));
            $('<img src="images/facebook_comment.png" class="avatar" id="post" style="float:right;cursor:pointer;margin-top:2px" />').insertAfter($(this));
        });
        $('#post').live('click', function(){
            
$.ajax({
    type: 'POST',
   data: 'texto='+$(this).parent().find('textarea').val(),
    url: 'receptor.php',
    
    
    success: function(data){
      alert( "Su comentario fue agregado: : " + data );
 
    }
});
 
 
 
            var clone = $(this).parent().clone();
            var txt = $(document.createElement('span')).html('<b style="color:#3B5998">Facebook</b> '+$(this).parent().find('textarea').val()).css({
                display     : 'inline-block',
                width       : $(this).parent().find('textarea').width(),
                overflow    : 'hidden'
            });
                    
            txt.insertBefore(clone.find('textarea'));
            clone.insertBefore($(this).parent()).find('textarea').remove();
            clone.find('#post').remove();
            $(this).parent().find('textarea').val('').blur();
            
            
            
        });
 
    
    });
    
</script>
 

[Dany_s]

no necesitas un form ni tampoco un submit, puedes seleccionar algunos inputs y codificar al hacer click o el evento que quieras

[after]

Iniciado por Dany_s

no necesitas un form ni tampoco un submit, puedes seleccionar algunos inputs y codificar al hacer click o el evento que quieras

Me podrías ayudar con un ejemplo?

[Dany_s]

formo el query string con los input que tienen clase "serializar", el input apellido no lo tiene

Código Javascript:

<head>
<title>Prueba</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
    $('#ver').click( function (){
        alert( $(".serializar").serialize() );
    });
});
</script>
</head>
<body>
    Nombre <input type="text" class="serializar" name="nombre" value="" />
    Apellido <input type="text" name="apellido" value="" /><br />
    M: <input type="radio" class="serializar" name="sexo" value="M"> F:<input type="radio" class="serializar" name="sexo" value="F"><br />
 
    <a href="#" id="ver">ver</a>
</body>
</html>
 

[after]

Iniciado por Dany_s

formo el query string con los input que tienen clase "serializar", el input apellido no lo tiene

Código Javascript:

<head>
<title>Prueba</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(function(){
    $('#ver').click( function (){
        alert( $(".serializar").serialize() );
    });
});
</script>
</head>
<body>
    Nombre <input type="text" class="serializar" name="nombre" value="" />
    Apellido <input type="text" name="apellido" value="" /><br />
    M: <input type="radio" class="serializar" name="sexo" value="M"> F:<input type="radio" class="serializar" name="sexo" value="F"><br />
 
    <a href="#" id="ver">ver</a>
</body>
</html>
 

Código Javascript:

$('#post').live('click', function(){
            
$.ajax({
    type: 'POST',
   data: $(".serializar").serialize(),
    url: 'receptor.php',
    
    
    
});
 

Perfecto!
Gracias por tu ayuda.!