¿Array y Ajax?

OsSk4R · #1 (**permalink**) 19/09/2009, 10:53

Buenas,

Estoy realizando pruebas para insertar datos en una base de datos mediante ajax, todo va bien, pues es sencillo, no es complicado.

El problema ha surjido cuando uno de esos datos es array, concretamente ofrezco la posibilidad de seleccionar (en este caso) varios generos.

Tengo un pequeño form que contiene:
Titulo,
Letra,
Idioma y
Generos

Donde, como he dicho, en generos salen varios checkbox para que el usuario seleccione.

Si yo quito los generos todo me lo sube correctamente, y si los envio sin ajax igual, el problema es que cuando he añadido los generos en el codigo ajax, no me los ha subido y ahora no me sube nada.

Por lo tanto, ¿que hay que hacer en este caso?

Mi codigo ajax es el siguiente:

Código ajax:

Ver originalfunction objetoAjax(){
 
var xmlhttp=false;
 
try {
 
 
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
 
} catch (e) {
 
try {
 
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
 
} catch (E) {
 
xmlhttp = false;
 
}
 
 
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
 
  xmlhttp = new XMLHttpRequest();
 
  }
 
  return xmlhttp;
 
  }
function enviarDato(){
 
  //donde se mostrará lo resultados
 
 
  divResultado = document.getElementById('resultado');
 
  //valores de los inputs
 
  titulo=document.nueva.titulo.value;
   letra=document.nueva.letra.value;
    idioma=document.nueva.idioma.value;
     generos=document.nueva.generos.value;
 
 
 
 
  
 
 
  //instanciamos el objetoAjax
 
  ajax=objetoAjax();
 
  //uso del medotod POST
 
  //archivo que realizará la operacion
 
  //registro.php
 
 
  ajax.open("POST", "procesar.php",true);
 
  ajax.onreadystatechange=function() {
 
  if (ajax.readyState==4) {
 
  //mostrar resultados en esta capa
 
  divResultado.innerHTML = ajax.responseText
 
 
  //llamar a funcion para limpiar los inputs
 
  LimpiarCampos();
 
  }
 
  }
 
  ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
 
  //enviando los valores
 
  ajax.send("titulo="+titulo+"&letra="+letra+"&idioma="+idioma+"&generos="+generos)
 
  }
 
function LimpiarCampos(){
 
 
  document.nueva_pelicula.titulo.value="";
  document.nueva_pelicula.letra.value="";
  document.nueva_pelicula.idioma.value="";
  document.nueva_pelicula.generos.value="";
 
  document.nueva_pelicula.titulo.focus();
 
  }

Muchas gracias,

Adler · #2 (**permalink**) 19/09/2009, 15:13

Hola

Lo que parece que está ocurriendo es que todos los ckeckbox tienen el mismo nombre. Así que este guión a modo de ejemplo puede ayudarte. Una vez que entiendas su funcionamiento y lo adaptes a lo que te ocupa, incrustalo en la función enviarDato

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function valores(f, cual) {
 todos = new Array();
 for (var i = 0, total = f[cual].length; i < total; i++)
   if (f[cual][i].checked) todos[todos.length] = f[cual][i].value;
  return todos.join(".");
}
</script>
</head>
<body >
<form>
<input name="t[]" type="checkbox" value="0000" /> 
<input name="t[]" type="checkbox" value="1111" /> 
<input name="t[]" type="checkbox" value="2222" /> 
<input name="t[]" type="checkbox" value="3333" /> 
<input name="t[]" type="checkbox" value="4444" /> 
<input name="t[]" type="checkbox" value="5555" /> 
<button onclick="alert(valores(this.form, 't[]'))" >mostrar</button>
</form>
</body>
</html>

Suerte

OsSk4R · #3 (**permalink**) 21/09/2009, 09:14

Buenas,

Los checkbox son generos que los estoy sacando de la base de datos y tienen nombres distintos.

Este es el código:

Código ejemplo:

Ver originalGeneros:
<?php
                    $sqlGeneros=mysql_query("SELECT * FROM generos ORDER BY g_p",$conexion);
                    while($MostrarGeneros=mysql_fetch_array($sqlGeneros)){
                        $id_genero = $MostrarGeneros['id_genero'];
                        $nombre_genero = $MostrarGeneros['g_p'];
?>
<input id="a1" name="id_genero[]" type="checkbox"  value="<?php echo $id_genero; ?>"/>&nbsp;<?php echo htmlentities($nombre_genero, ENT_QUOTES); ?><br>
<?php
}
?>

Con php se hacerlo, el problema es que quiero utilizar Ajax y con ajax también se subir datos "normales" el probelma empezó ahí, a la hora de querer subir datos seleccionados por el usuario, como son los varios checkbox.

¿Como puedo hacerlo?
Es que el ejemplo aun estoy verde para implementarlo en Ajax.

Saludos y gracias,

Adler · #4 (**permalink**) 21/09/2009, 12:50

Hola

Todos tienen el mismo nombre name="id_genero[]", de hecho es como lo estás recogiendo generos=document.nueva.generos.value;

Sin pararme mucho, sería algo como esto

Código javascript:

Ver originalfor (var i = 0; i < document.nueva.["id_genero[]"].length; i++) {
 
   if (document.nueva.["id_genero[]"][i].checked); generos = document.nueva.["id_genero[]"][i].value;
}

Suerte

cesarpunk · #5 (**permalink**) 22/09/2009, 15:24

osea tus checkboxes son dinamicos verdad? entonces deberias tener algo como esto:

<input name="id_genero[]" type="checkbox" value="<?php echo $id_genero; ?>">

ahi todo bien....

Nota: Yo por ahi tengo un truquito por culpa de ajax.. que es la de la contabilizacion de checkbox.... debido a que los checkbox son dinamicos no entiendo hasta ahora porque mi bucle no contabiliza cuando hay solo un checkbox pero si me contabiliza cuando hay mas de uno.

Lo que debes hacer es que antes de tu while pongas una variable $cantidad=0 y dentro de tu while lo vayas acumulando.... el resultado lo pones en un textbox (opculto) que te saque el total de checkbox.... entonces a ese textbox lo vas a llamar 'cantidadcheck'

Y en tu funcion ajax vas a hacer lo siguiente: (este ejemplo es solo para los checkboxes luego le agregas los demas datos que desees... y no olvidarse del textbox que tiene la cantidad de checks)

Código:

function EnviaDatos(){
var c = document.getElementById('divresultado');
var cantidadcheck = document.frm.cantidadcheck.value;

var checkboxes = new Array();
	var arrClaves = new Array();
	j=0;ff=0;
	
	if(cantidadcheck=='1'){
		var arr_uno = document.frm["id_genero[]"].value;
		arrClaves[j]=arr_uno;
		checkboxes[ff]="&id_genero[]="+arrClaves[j];
		
		if(!document.frm["id_genero[]"].checked){
			alert("Debe seleccionar los checkbox.");
			return false;	
		}
	}
	else{
	
		selectcheck=false;
		
		for(i=0;i < document.frm["id_genero[]"].length; i++){
			if(document.frm["id_genero[]"][i].checked){
	
				var arr_uno = document.frm["id_genero[]"][i].value;
				arrClaves[j]=arr_uno;
				checkboxes[ff]="&id_genero[]="+arrClaves[j];
				ff++;
				j++;
				selectcheck=true;	
			}
		}
		
		if(!selectcheck){
			alert("Debe seleccionar los checkbox.");
			return false;
		}

	}
ajax=nuevoAjax();
	c.innerHTML = '<img src="images/sending.gif">';
	ajax.open("POST", "script.php",true);
	ajax.onreadystatechange=function(){
		if (ajax.readyState==4) {
			c.innerHTML = ajax.responseText
		}
	}
	ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	ajax.send("checkboxes="+checkboxes+"&control=enviado");
}

Lo que hago es preguntar por la cantidad de checkbox.... si es uno, solo mando un valor simple en el array 'checkboxes', pero si son mas armo el array y lo mando al array 'checkboxes'

Pero lo curioso es que en mi script de php solo recibire el dato:

Código PHP:

  $genero_id=$_POST['id_genero'];

 
//para recibirlos debemos recorrer el array

 
for( $i = 0; $i < count($genero_id); $i ++){

     $genero=explode(',',$genero_id[$i]);

     echo $genero[0];

}

Con esto capturamos todos los checkboxes dinamicos marcados