[SOLUCIONADO] pasar variable con ajax y php

[Maru77]

Hola!

Tengo un formulario donde pretendo poder elegir un nombre y un insumo y se realice una búsqueda que traiga como resultado los datos correspondientes.

La idea es cargar esos datos en un div, dentro de la misma página, para esto utilicé ajax.

Código HTML:

<script type="text/javascript">  
$(document).ready(function(){  
    $('#boton_cargar').click(function() {   
	   
        $.ajax({ 
	    type: "GET", 
            url: 'resultados.php?nombre='+nombre,  
            success: function(data) {  
                $('#resultados').html(data);  
                $('#resultados div').slideDown(1000);  
            }  
        });  
    });  
  
});  
</script> 

Código PHP:

 <form> 
<input id="nombre" name="nombre" type="text" /> 
 
<select name="insumos"> 
<?php foreach($insumos as $in){ ?>                              
        <option value="<?php $in->id_insumo ?>"><?php echo $in->insumo ?></option>                         
<?php }?> 
</select> 
 
<input name="boton_cargar" id="boton_cargar" type="button" value="buscar" /> 
</form> 
 
 
<div id="resultados"> 
 // aqui se cargarían los resultados de la búsqueda 
</div>  

Pero tengo un problema al querer pasar las variables, ahí probé con una pero no están llegando al proceso php

resultados.php

Código PHP:

  <?php 
include('loader.php'); //llama a la base de datos 
 
$conn = new conection(); 
$rs = new RecordSet($conn); 
 
if(isset($_GET['nombre'])) 
 
$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE clientes.nombre = {$_GET['nombre']}"; 
else 
    die('error'); 
 
                                     
unset($rs); 
unset($conn); 
?> 
 
<?php foreach($resultados as $res){ ?>  
    <?php echo $res->nombre ?> | | 
        <?php echo $res->insumo ?><br /> 
<?php }?>   

[rottenp4nx]

y de donde sale la variable nombre en el js?

saludos

[Maru77]

intenté de este modo pero nada

Código HTML:

$(document).ready(function(){  
    $('#boton_cargar').click(function(nombre) {   
	    
        $.ajax({ 
			type: "GET", 
            
			  url: 'resultados.php', 
			  data: "nombre="+nombre, 
			
            success: function(data) {  
                $('#resultados').html(data);  
                $('#resultados div').slideDown(1000);  
            }  
        });  
    });  
  
});

[cesa_r]

Como digo rottenp4nx

donde recoges o donde especificas el valor de la variable nombre que envias?

quieres recojerlo del inpud:

<input id="nombre" name="nombre" type="text" />

entonces seria algo asi:

<script type="text/javascript">
$(document).ready(function(){
$('#boton_cargar').click(function() {

var nombre = $("#nombre").val();

$.ajax({
type: "GET",
url: 'resultados.php?nombre='+nombre,
success: function(data) {
$('#resultados').html(data);
$('#resultados div').slideDown(1000);
}
});
});

});
</script>

[Maru77]

gracias por tu respuesta cesar_r!

eso lo había probado, pero no recibo ningun resultado, teniendo esta consulta

Código PHP:

  if(isset($_GET['nombre']))  
 
$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE clientes.nombre = {$_GET['nombre']}";  
else  
    die('error');  
   

si reemplazo {$_GET['nombre']} por ejemplo con "juan" si obtengo el resultado esperado, está mal el SELECT en la parte que llamo a la variable?

[cesa_r]

Prueba de la siguiente manera:

Código PHP:

  if(isset($_GET['nombre'])) {

$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE clientes.nombre = '".$_GET['nombre']."'"; 
}
else 
    die('error');  
   

Es decir sustituye {$_GET['nombre']} por '".$_GET['nombre']."'

[Maru77]

tal vez esté teniendo un inconveniente con la otra variable, ya que necesito pasar dos

Código PHP:

 url: 'resultados.php?nombre='+nombre'&insumos='+insumos,  
 
 
// este sería el otro valor 
<select id="insumos" name="insumos"> 
<?php foreach($insumos as $in){ ?>  
       <option id="<?php $in->id_insumo ?>"><?php echo $in->insumo ?></option> 
<?php }?> 
</select>  

y luego

Código PHP:

  if(isset($_GET['nombre']) && ($_GET['insumos'])) 
 
$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE `clientes`.`nombre` = '".$_GET['nombre']."' AND `alquiler`.`id_insumo` = '".$_GET['insumos']."'";  
else 
die('error');  
   

[cesa_r]

Haber si asi te funciona:

<script type="text/javascript">
$(document).ready(function(){
$('#boton_cargar').click(function() {

var nombre = $("#nombre").val();
var insumos = $("#insumos").val();

var dataString = 'nombre='+ nombre + '&insumos='+ insumos;

$.ajax({
type: "GET",
url: 'resultados.php',
data: dataString,
success: function(data, textStatus, XMLHttpRequest) {
$('#resultados').html(data);
$('#resultados div').slideDown(1000);
}
});
});

});
</script>

[cesa_r]

Otra cosa que note:

WHERE `clientes`.`nombre` = '".$_GET['nombre']."' AND `alquiler`.`id_insumo` = '".$_GET['insumos']."'";

¡esta mal! debe ser asi:

WHERE `clientes.nombre` = '".$_GET['nombre']."' AND `alquiler.id_insumo` = '".$_GET['insumos']."'";

[Maru77]

no devuelve nada :(

[dashtrash]

Estás haciendo una petición GET.
Con GET, no se usa el campo "data" en $.ajax .Las variables GET tienen que ir incluidas en el parámetro URL.
En cualquier caso, var_dump($_GET) es lo que deberias hacer, para ver si llega a PHP lo que supones que llega.

[Maru77]

las agregué de este modo

Código PHP:

  url: 'resultados.php?nombre='+nombre+'&insumos='+insumos,  
   

y en cuanto a var_dump($_GET); devuelve vacio, pero no se si es porque están mal los parámetros en el url o algo mal en el select.

[cesa_r]

cierto dashtrash se me paso hehehehe :$ que era get

[cesa_r]

...........................................

[Maru77]

acá está el código completo, honestamente no se que estoy haciendo mal

Código PHP:

  <?php 
include('loader.php'); //carga db 
 
$conn = new conection(); 
$rs = new RecordSet($conn); 
 
$sql="SELECT * FROM insumos ORDER BY insumo DESC"; 
$insumos = $rs->get_object_list($sql); 
 
unset($rs); 
unset($conn); 
?>   

Código HTML:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

<script type="text/javascript">  
$(document).ready(function(){  
    $('#boton_cargar').click(function() {   
		var nombre = $("#nombre").val(); 
	    var insumos = $("#insumos").val(); 
        $.ajax({ 
			type: "GET",           
			
			url: 'resultados.php?nombre='+nombre+'&insumos='+insumos, 
			  
            success: function(data) {  
                $('#resultados').html(data);  
                $('#resultados div').slideDown(1000);  
            }  
        });  
    });  
  
});  
</script>  

</head>
<body> 

Código HTML:

<form>
<input id="nombre" name="nombre" type="text" />

<select id="insumos" name="insumos">
<?php foreach($insumos as $in){ ?> 
       <option id="<?php $in->id_insumo ?>" ><?php echo $in->id_insumo ?></option>
<?php }?>
</select>

<input name="boton_cargar" id="boton_cargar" type="button" value="buscar" />
</form>

<div id="resultados">
</div>


</body>
</html> 

resultados.php

Código PHP:

  <?php 
include('loader.php'); 
 
$conn = new conection(); 
$rs = new RecordSet($conn); 
  
 
if(isset($_GET['nombre']) && ($_GET['insumos'])) 
$sql="SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE `clientes.nombre` = '".$_GET['nombre']."' AND `alquiler.id_insumo` = '".$_GET['insumos']."'"; 
else 
die('error'); 
 
  
unset($rs); 
unset($conn); 
?>   

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body> 

Código PHP:

  <?php echo $nombre; ?> 
 
<?php foreach($resultados as $res){ ?>  
                     
 
                            <?php echo $res->nombre ?> | | 
                            <?php echo $res->insumo ?><br /> 
                         
                        <?php }?>   

Código HTML:

</body>
</html> 

[cesa_r]

En el primer mensaje que pusiste veo que si tenias value en el select y en otro remplazaste value por id si aun conservas el id entonces esta mal ya que var insumos = $("#insumos").val(); recoge el value no el id.

la forma correcta seria:

<select id="insumos" name="insumos">
<?php foreach($insumos as $in){ ?>
<option value="<?php $in->id_insumo ?>"><?php echo $in->insumo ?></option>
<?php }?>
</select>

[Maru77]

Cesar, probé así, probé de todo!

[Maru77]

Estructura de tabla para la tabla `alquiler`
--

CREATE TABLE IF NOT EXISTS `alquiler` (
`id_alquiler` int(5) unsigned NOT NULL AUTO_INCREMENT,
`id_cliente` int(5) NOT NULL,
`id_insumo` int(5) NOT NULL,
`fecha` date NOT NULL,
`entrega` float(4,2) NOT NULL,
PRIMARY KEY (`id_alquiler`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT


Estructura de tabla para la tabla `insumos`
--

CREATE TABLE IF NOT EXISTS `insumos` (
`id_insumo` int(5) NOT NULL AUTO_INCREMENT,
`insumo` varchar(41) NOT NULL,
`costo` float(4,2) NOT NULL,
PRIMARY KEY (`id_insumo`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT

--------------------------------------------------------

--
-- Estructura de tabla para la tabla `alquiler`
--

CREATE TABLE IF NOT EXISTS `alquiler` (
`id_alquiler` int(5) unsigned NOT NULL AUTO_INCREMENT,
`id_cliente` int(5) NOT NULL,
`id_insumo` int(5) NOT NULL,
`fecha` date NOT NULL,
`entrega` float(4,2) NOT NULL,
PRIMARY KEY (`id_alquiler`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT


los resultados que necesito que se muestren son igual cliente igual insumo, disculpas por mi insistencia pero no se que mas intentar.

[cesa_r]

Haber yo lo haria asi:

codigo php:

Código PHP:

  <?php 
    
   require ("loader.php");
  
    mysql_select_db($database_TuConexion, $TuConexion); //Aqui dependera de tu conexion
    $query_returnData = "SELECT * FROM insumos ORDER BY insumo DESC";
    $returnData = mysql_query($query_returnData, $TuConexion) or die(mysql_error()); //Aqui dependera de tu conexion
    $row_returnData = mysql_fetch_assoc($returnData); 
    
    $NumRegistros = mysql_num_rows($returnData);

 ?>   

codigo html:

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$('#boton_cargar').click(function() {
var nombre = $("#nombre").val();
var insumos = $("#insumos").val();

var dataString = 'nombre='+nombre + 'insumos='+ insumos;

$.ajax({
type: "POST",

url: 'resultados.php',
data: dataString,
success: function(data, textStatus, XMLHttpRequest) {
$('#resultados').html(data);
$('#resultados div').slideDown(1000);
}
});
});

});
</script>

codigo html:

<form>
<input id="nombre" name="nombre" type="text" />

<select id="insumos" name="insumos">
<?php for($i=0; $i <= $NumRegistros; $i++ ){ ?>
<option value="<?php $row_returnData["id_insumo"] ?>" ><?php echo $row_returnData["insumo"] ?></option>
<?php }?>
</select>

<input name="boton_cargar" id="boton_cargar" type="button" value="buscar" />
</form>

<div id="resultados">
</div>


</body>
</html>

resultados.php:

Código PHP:

  <?php
require('loader.php');


if( (isset($_POST['nombre'])) && (isset($_POST['insumos'])) ) {
    mysql_select_db($database_TuConexion, $TuConexion); //Aqui dependera de tu conexion
    $query_returnData = "SELECT * FROM clientes INNER JOIN alquiler ON clientes.id_cliente = alquiler.id_cliente INNER JOIN insumos ON  insumos.id_insumo = alquiler.id_insumo WHERE clientes.nombre = '".$_POST['nombre']."' AND alquiler.id_insumo = '".$_POST['insumos']."'";
    $returnData = mysql_query($query_returnData, $TuConexion) or die(mysql_error()); //Aqui dependera de tu conexion
    $row_returnData = mysql_fetch_assoc($returnData); 
    
    echo $row_returnData["nombre"]."<br />".$row_returnData["insumo"];
}
?>   

[Maru77]

gracias por tanta ayuda, pero no funciona, el combo muestra siempre el mismo valor, asi que para hacer más rápido armé uno manual (sin levantar valores de la tabla) pero cuando hago la búsqueda no muestra ningún dato.

No puede ser que se haya tornado tan dificil de encontrar solución :(

[cesa_r]

a que te refieres a que muestra el mismo valor?al select? tines razon error mio

Código PHP:

  mysql_select_db($database_TuConexion, $TuConexion);
               $query_returnData = "SELECT * FROM insumos ORDER BY insumo DESC";
               $returnData = mysql_query($query_returnData, $TuConexion) or die(mysql_error());  
   

<select id="insumos" name="insumos">

Código PHP:

  <?php while($row_returnData = mysql_fetch_array($returnData, $result_type = MYSQL_BOTH)) { ?> 

<option value="<?php $row_returnData["id_insumo"] ?>" ><?php echo $row_returnData["insumo"] ?></option>

<?php } ?>   

</select>

[Maru77]

Cesar, lo probaste con el código que pusiste? sigo sin ver el resultado, me estoy volviendo loca con esto!

[Maru77]

encontré un ejemplo que adapté al mio, solo que al parecer suma los campos, funciona con dos input, pero con el select no

Código PHP:

  <?php 
include('loader.php'); 
 
$conn = new conection(); 
$rs = new RecordSet($conn); 
 
$sql="SELECT * FROM insumos ORDER BY insumo DESC"; 
$insumos = $rs->get_object_list($sql); 
 
unset($rs); 
unset($conn); 
?> 
  
<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
 
<script> 
 
function realizaProceso(valorCaja1, valorCaja2){ 
 
        var parametros = { 
 
                "valorCaja1" : valorCaja1, 
                "valorCaja2" : valorCaja2 
 
        }; 
 
        $.ajax({ 
 
                data:  parametros, 
                url:   'dos.php', 
                type:  'post', 
 
                beforeSend: function () { 
                        $("#resultado").html("Procesando, espere por favor..."); 
                }, 
 
                success:  function (response) { 
                        $("#resultado").html(response); 
                } 
 
        }); 
 
} 
 
</script> 
</head> 
<body> 
 
 
cliente 
<input name="caja_texto" id="valor1" type="text" /> 
 
 
insumo 
 
<select id="caja_texto" name="valor2"> 
<?php foreach($insumos as $in){ ?>  
<option value="<?php $in->id_insumo ?>"><?php echo $in->insumo ?></option> 
<?php }?> 
</select> 
 
 
<input type="button" href="javascript:;" onclick="realizaProceso($('#valor1').val(), $('#valor2').val());return false;" value="ver"/> 
<br/> 
Resultado: <span id="resultado"> </span> 
 
 
</body> 
 
</html>  

dos.php

aquí concatené los campos, que como dije funciona con input pero no con select, así que no pude probarlo con una busqueda en la db

Código PHP:

  <?php  
$resultado = $_POST['valorCaja1'] . $_POST['valorCaja2']; 
echo $resultado; 
?>   

alguna idea? alguien tiene un ejemplo con el pase de dos variables?

[Erick_MD9]

HOLA
ACA TE DEJO UNAS FUNCIONES SIN JQUERY

Código Javascript:

funciones js
function nuevoAjax(){
    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 ENVIAR(url, formid, divrespuesta){
        var Formulario = document.getElementById(formid);
        var longitudFormulario = Formulario.elements.length;
        var cadenaFormulario="";
        for (var i=0; i <= Formulario.elements.length-1;i++) {
        if(Formulario.elements[i].type=="checkbox" || Formulario.elements[i].type=="radio"){
            if(Formulario.elements[i].checked==true){cadenaFormulario += "&"+Formulario.elements[i].name+'='+encodeURIComponent(Formulario.elements[i].value);}
        }else{cadenaFormulario += "&"+Formulario.elements[i].name+'='+encodeURIComponent(Formulario.elements[i].value);}
        }
    peticion=nuevoAjax();
    peticion.open("POST", url, true);
    peticion.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    peticion.send(cadenaFormulario);
    peticion.onreadystatechange = function() {
        if (peticion.readyState == 4 && (peticion.status == 200 || window.location.href.indexOf ("http") == - 1)){
            RESPUESTA=peticion.responseText;
                document.getElementById(divrespuesta).innerHTML =RESPUESTA;
        }
    if (peticion.readyState == 4 && peticion.status != 200){
        document.getElementById(divrespuesta)="FALLA EN LA COMUNICACION... SI EL PROBLEMA CONTINUA, FAVOR DE REPORTARLO";
    }
    }
}
 

Código HTML:

<html>
<div id="DIV_MUESTRA"></div>
<form id="ID_FORM" action="#">
<input type="text" name="ALGO" >
<input type="text" name="ALGO2" >
<input type="text" name="ALGO3" >
<input type="buton" value="enviar" onclick=ENVIAR('tu_url','ID_FORM','DIV_MUESTRA'); >
</form>
</html>
 

Código PHP:

  //EN PHP
$VAR1=$_POST['ALGO'];
$VAR1=$_POST['ALGO2'];
$VAR1=$_POST['ALGO3'];

ECHO"BIEN";  
   

Espero te sirva, Saludos.

[Maru77]

Erick gracias por tu ayuda! casi lo tengo.

con el ejemplo de mostrar los datos que pasaste si funciona, pero cuando hago la búsqueda en la base no.

Código PHP:

  
<?php
/*$VAR1=$_POST['nombre'];
$VAR2=$_POST['insumos'];

echo $VAR1; // -------------------------- de este modo si imprime
echo $VAR2;*/



// ------------------------------------------ cuando intento hacer la busqueda en la base no
include('loader.php');

$conn = new conection();
$rs = new RecordSet($conn);

if(isset(($_POST['nombre']) && ($_POST['insumos'])))
$sql="SELECT * FROM test WHERE cliente = '".$_POST['nombre']."' AND insumo = '".$_POST['insumos']."'";


$resultados = $rs->get_object_list($sql);

unset($rs);
unset($conn);

foreach($resultados as $res){ 

echo $res->cliente  | |
echo $res->insumo 
                        
}

?>   

[Erick_MD9]

Hola, no entiendo que pretendes haces con esto.

Iniciado por Maru77

foreach($resultados as $res){

echo $res->cliente | |
echo $res->insumo

}

?>

[/PHP]

Prueba así.

Código PHP:

  foreach($resultados as $res){  
echo $res->cliente; 
echo $res->insumo;  
} 
?>  
  

Saludos

[Maru77]

Muchas gracias a todos por la valiosa ayuda!!! :)