enviar n datos mediante ajax

[Montes28]

hola amigos


como hago para enviar n datos mediante ajax

inicialmente estoy enviando 8 datos pero en otra parte del formulario cargo n inputs n ya que se generan dependiento de los numero registros de una consulta

como hago para enviar los 8 datos mas lo que toque enviar

este es mi codigo ajaz

$.ajax({
url:'archivo.php',
type:'POST',
data:{"name":namec,"email":emailc,"telefono1":tele fono1c,"telefono2":telefono2c,"fax":faxc,"web":web c,"categoria":categoriac,"comentario":comentario c}
}).done(function() {
cargar_usuarios();

})

Código PHP:

<form id="insert" >
    <fieldset>
        <label for="name">Nombre</label>
        <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
        <label for="email">Email</label>
        <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
        <label for="telefono1">Telefono 1</label>
        <input type="text" name="telefono1" id="telefono1" value="" class="text ui-widget-content ui-corner-all" />
        <label for="telefono2">Telefono 2</label>
        <input type="text" name="telefono2" id="telefono2" value="" class="text ui-widget-content ui-corner-all" />
        <label for="fax">Fax</label>
        <input type="text" name="fax" id="fax" value="" class="text ui-widget-content ui-corner-all" />
        <label for="web">Web</label>
        <input type="text" name="web" id="web" value="" class="text ui-widget-content ui-corner-all" />
        <label for="speedC">Categoria</label>
        <p>
          <select name="categoria" id="categoria">
            <option value="1">Seleccione...</option>
            <?php
                        foreach($fc as $field)
                        {
                            echo "<option value='$field[nombre_cat]'>$field[nombre_cat]</option>";
                        }
                    ?>
            </select>
        </p>
        <p>&nbsp; </p>
        <label for="publicaciones">Publicaciones</label>
        </br>
        </br>
        <?
        $volcan=0;
        foreach($fp as $field)
        {
        if($volcan != $field['cod_volcan']) {?>
        
        
        
        <table width="400" border="0">
  <tr>
    <td colspan="2"><div align="center"><? echo $field['nom_volcan']; ?></div></td>
  </tr>
  <?
        
             $volcan = $field['cod_volcan'];
            }?>
  <tr>
    <td width="95%"><? echo $field['nom_publicacion'];?>
    <td width="5%"><div class="ui-checkbox">
        <input type="checkbox" id="theid" />
           </div></td>
  </tr>
 
        <?
        }
        ?>  
        
        </table>
            <br>
            <br>
        <label for="observaciones">Comentario</label>
        <textarea name="comentario" id="comentario" cols="42" rows="3" class="required ui-widget ui-widget-content ui-corner-all"></textarea>
    </fieldset>
    </form>
 

[dontexplain]

Introduce todos los elementos en un elemento padre y haz un for que recorra la longitud de tal elemento introduciendo los campos

<div id="padre">
<input type="text" campo="campo1" id="a" value="asd">
<input type="text" campo="campo2" id="a" value="ddd">
</div>

<script>
el = "script.php?";
nodesnum=document.getElementById ('padre').childNodes.length;
first=document.getElementById ('padre');

for(i=0; i<nodesnum; i++){

el+=first.childNodes[i].getAttribute("campo")+"="+first.childNodes[i].value;

if(i != nodesnum-1){
el+="&";
}

}
</script>

No sé, bueno, es una idea. No puedes pretender que te hagamos el trabajo.

[Montes28]

dontexplain gracias por responder

quiero saber cuantos elementos tiene el elemento padre

alert(nodesnum); y me arroja 25 tengo solo 15 ,como hago para que me imprima los id de cada elemento para saber si los esta leyendo bien

Código Javascript:

nodesnum=document.getElementById ('insertar').childNodes.length;
            first=document.getElementById ('insertar');
            for(i=0; i<nodesnum; i++){
 
alert(first.childNodes[i]);
 
}
 

[Montes28]

yo mismo me respondo

alert(first.childNodes[i].id);

[Montes28]

en el div padre (insert , tengo mas dos div mas )

este con el alert no me aparecen todos los id de los elementos que necesito enviar por ajax a la base de datos

<div id="insert">
<div class="columnas" id="col_1">
<form/>
<label for="name">Nombre</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
<label for="telefono1">Telefono 1</label>
<input type="text" name="telefono1" id="telefono1" value="" class="text ui-widget-content ui-corner-all" />
<label for="telefono2">Telefono 2</label>
<input type="text" name="telefono2" id="telefono2" value="" class="text ui-widget-content ui-corner-all" />
<label for="fax">Fax</label>
<input type="text" name="fax" id="fax" value="" class="text ui-widget-content ui-corner-all" />
<label for="web">Web</label>
<input type="text" name="web" id="web" value="" class="text ui-widget-content ui-corner-all" />
<label for="speedC">Categoria</label>
<p>
<select name="categoria" id="categoria">
<option value="1">Seleccione...</option>
<?php
foreach($fc as $field)
{
echo "<option value='$field[id_categoria]'>$field[nombre_cat]</option>";
}
?>
</select>
</p>


</div>
<div class="columnas" id="col_2"> </br>
</br>
<label for="publicaciones">Publicaciones</label>
<!--<table width="400" border="0" class="ui-widget ui-widget-content" id="users">
<tr class="ui-widget-header">
<td>
<div align="right">
<input type="checkbox" name="checkbox" value="checkbox" />
</div>

</td>
</tr>
</table>-->
<?
$volcan=0;

foreach($fp as $field)
{
if($volcan != $field['cod_volcan']) {?>
<table width="400" border="0" class="ui-widget ui-widget-content" id="users">
<tr class="ui-widget-header ">
<td colspan="2"><div align="center"><? echo $field['nom_volcan']; ?></div></td>
</tr>
<?

$volcan = $field['cod_volcan'];
}?>
<tr>
<td width="95%"><? echo $field['nom_publicacion'];?> </td>
<td width="5%"><div class="ui-checkbox">
<input name="checkbox" type="checkbox" id="theid" />
</div></td>
</tr>
<?
}
?>
</table>
<br />
<br />
<label for="observaciones">Comentario</label>
<textarea name="comentario" id="comentario" cols="74" rows="3" class="required ui-widget ui-widget-content ui-corner-all"></textarea>
</form>
</div>

</div>

[Montes28]

leyendo puedo utilizar serialize()

que ventajas tendria?
que desventajas?

[Montes28]

hola amigos

con este codigo envio todos los input y los guardo en la base de datos pero tengo un grupo de checkbox necesito que si esta checked se envie el valor del id si no que se guarde cero 0.

he intentado con el valor value="" pero no lo he conseguido hacer

Código Javascript:

var dataString = $('#form_account').serialize();
alert('Datos serializados: '+dataString);
$.ajax({ 
              url:'archivo.php',
              type:'POST',
              data: dataString,
              }).done(function() {
           cargar_usuarios();
        $(".ui-selectmenu-status").html("Seleccione...");
        $('input:checkbox').removeAttr('checked');
                 })
 

Código PHP:

<input name="<? echo "id_publicaciones".$i;?>" type="checkbox" id="<? echo $field['id_publicaciones'];?>"/>
 

[Montes28]

buscando por google encontre este codigo que es una extensión para jQuery, que básicamente lo que hace es lo mismo que “serialize” pero pone siempre los checkboxes, de tal forma que pone “nombre=1” cuando el checkbox está activado, y “nombre=0” cuando no está activado

Código Javascript:

jQuery.fn.jserialize = function () {
  var serialized = this.serialize();
 
  $(this).find(':checkbox').each (function() {
    var tofind    = $(this).attr('name') + "=" + $(this).val();
    var toreplace = $(this).attr('name') + "=" + (this.checked ? '1' : '0');
 
    if (this.checked)   { serialized = serialized.replace (tofind, toreplace); }
    else                { serialized += "&" + toreplace; }
  });
 
  return serialized;
}
 

como uno a mi codigo inicial y quede funcional

[Montes28]

hola amigos hasta el momento envio solo los checkbox que estan chekeados he buscado por san google si existe la posibilidad de enviar “nombre=1” cuando el checkbox está activado, y “nombre=0” cuando no está activado y solo he encontrado lo siguiente

http://www.codigomanso.com/es/2008/1...#comment-28737


podrian ayudarme a enterder el codigo que exponen en dicha pagina o por lo menos decirme si este puede funcionar

Código Javascript:

jQuery.fn.jserialize = function () {
  var serialized = this.serialize();
  
 
  
 
  $(this).find(':checkbox').each (function() {
   
    var tofind    = $(this).attr('name') + "=" + $(this).val();
    var toreplace = $(this).attr('name') + "=" + (this.checked ? '1' : '0');
 
    if (this.checked)   { serialized = serialized.replace (tofind, toreplace); }
    else                { serialized += "&" + toreplace; }
  });
 
  return serialized;
}
 

este es mi codigo actual

Código Javascript:

var dataString = $('#form_account').serialize();
             alert('Datos serializados: '+dataString);
            
            
                $.ajax({ 
                        url:'archivo.php',
                        type:'POST',
                        data: dataString,
                        }).done(function() {
                   cargar_usuarios();
                         })
 

Código PHP:

<input name="<? echo "id_publicaciones".$i;?>" type="checkbox" id="<? echo $field['id_publicaciones'];?>" value=""/>
 

[Lucieta86]

Código Javascript:

var seleAulas = new Array();
    
    $("input[name='aulaRes']:checked").each(function(){
        seleAulas.push($(this).val());
    });
 

Este te recogeria el valor de aquellos que estan checkeados, si hay mas de uno.

Si solo es un checkbox, puedes declarar la var seleAulas="", de modo que solo cogeria el valor del checkeado.

Podrias comprobar con un if si esa variable tiene valor, si lo tiene, perfecto y si no lo tiene, es que no esta checkeado y por tanto puedes asignarle tu el valor.

[Lucieta86]

Yo hago el ajax de este modo, por si te sirve de ayuda:

Código Javascript:

var fIni= $("#varFIni").val();
    var fFin= $("#varFFin").val();
    var hIni= $("#varHini").val();
    var hFin=$("#varHfin").val();
    var seleAulas = new Array();
    
    $("input[name='aulaRes']:checked").each(function(){
        seleAulas.push($(this).val());
    });
        
    param="fIni="+fIni+"&fFin="+fFin+"&seleAulas="+seleAulas+"&hIni="+hIni+"&hFin="+hFin;   
    
    $.ajax({
        type: "GET",
        url: "formularioReserva.php",
        data: param,
        success: function(datos){
            $("#cargarForm").html(datos);
            
        }
    });
 

[Montes28]

gracias por responder Lucieta86 estoy siguiendo tu consejo pero no se como implementar la parte que dices "Podrias comprobar con un if si esa variable tiene valor, si lo tiene, perfecto y si no lo tiene, es que no esta checkeado y por tanto puedes asignarle tu el valor."

este es mi codigo me falta implementar para que se envie un 0 cero a checkbox que no estan chekeados

Código Javascript:

$(document).ready(function() {
 
    $('#create_account').click(function(){
 
        //var dataString = $('#form_account').serialize();
 
 
            var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                
                            }
                        }
                    });
 
        //alert('Datos serializados: '+dataString);
        var noma= $("#nombre").val();
        var corra= $("#correo").val();
        var telea= $("#telefono").val();
       
             
    
            param="nom="+noma+"&corr="+corra+"&boletines="+arrayOpt+"&tele="+telea;
           // alert("Nombre:"+" "+noma+"\n"+"Correo:"+" "+corra+"\n"+"Telefono:"+" "+telea+"\n"+"boletines:"+" "+arrayOpt);
 
        $.ajax({
            type: "POST",
            url: "account.php",
            data: param,
            success: function(data) {
            
 
            }
        });
    });
});
 

[Montes28]

estoy

amigos como asigno un valor a un checkbox

de esta manera arrayOpt.push($(this).val()==0);

y mediante un alert("boletines:"+" "+arrayOpt);

tengo como resultado
boletines: false,false

Código Javascript:

var arrayOpt = new Array;
              $('input[type=checkbox]').each(function() {
                        if ($(this).attr('name') == 'opcion[]') {
                            if ($(this).attr('checked') == 'checked') {
                                arrayOpt.push($(this).val());
                                } else{
                                arrayOpt.push($(this).val()==0);
                                
                                }
                        }
                    });
 

como le asigno el valor 0 cero