[SOLUCIONADO] Enviar y Retornar VARIAS variables entre JQUERY y PHP

art_rockerd · #1 (**permalink**) 13/11/2012, 11:31

Hola buen dia, queria ver si me ayudaban a resolver esto. La cuestion es que tengo mi form en HTML y deseo enviar los valores seleccionados de varios elementos
<select id="uno">
<option value="1"></option>
<option value="2"></option>
</select>
que el usuario haya seleccionado, tomar estos valores y enviarlos a través de $.post () a PHP para que PHP consulte con estos valores mi BDD y le retorne a jQuery varios valores en variables para imprimirlos en unos divs de mi formulario. la cuestión es que, no logro hacer lo básico, que seria, que PHP le retorne varios valores a mi $.post() de jQuery, solo puedo enviarle un valor, pero necesito regresarle 5 valores, y pues se los envío a través de un echo. Este código a continuación es básico, solo necesito imprimir en el alert los 5 valores que le regreso de PHP, pero como les comento solo puedo regresar un solo valor y ese si me lo imprime.

Código Javascript:

Ver original$.post("consultaDatos.php",{
            tipo_prod:$('#tipo option:selected').val(),
            rango:$('#rango option:selected').val(),
            rangoP:$('#rangoP option:selected').val(),
            tipo_garantia:$('#garantia option:selected').val(),
            financiamiento:$('#financiamiento option:selected').val()
            } ,
            function(data)
            {
//DE ESTA MANERA SI ME FUNCIONA
                alert(data);
//SI QUIERO LEER VARIOS VALORES QUE ENVIO SEPARADOS POR "," DE PHP NO ME LO HACE
            /*var recoge=data.split(",");
            t = recoge[0];
            r = recoge[1];
            rP = recoge[1];
            t = recoge[1];
            f = recoge[1];
            alert(t);*/ 
            }//termina FUNTION (data)
        );//termina FUNCION .post

Este es mi codigo PHP

Código PHP:

Ver original<?php session_start();
//le envio por parametros los valores de las variables de $.post() de jQuery
//si le retorno solo una variable si funciona, si descomento las demás para 
//enviarle todas no funciona :/
function respuesta($tipo_prod,$rango,$rangoP,$tipo_garantia,$financiamiento){
echo $tipo_prod/*.","$rango.",".$rangoP.",".$tipo_garantia.",".$financiamiento*/;   
}
//verifica que se hayan definido las variables y que no esten nulas
if (isset($_POST['tipo_prod'])){
    if (isset($_POST['rango'])){
        if (isset($_POST['rangoP'])){
            if (isset($_POST['tipo_garantia'])){
                if (isset($_POST['financiamiento'])){
                    //lee las variables del $.post() de jQuery
                    respuesta($_POST['tipo_prod'],$_POST['rango'],$_POST['rangoP'],$_POST['tipo_garantia'],$_POST['financiamiento']);
                }
            }
        }
    }
 
}
 
?>

Como podria hacer que $.post() de mi codigo jQuery me reciba y lea todas las variables que le envio en el 'echo' desde PHP, logrando esto ya podre manipularlas como yo desee en jQuery para imprimirlas o hacerles lo que quiera.

maycolalvarez · #2 (**permalink**) 13/11/2012, 11:45

recuerda que puedes devover la respuesta como quieres, por ejemplo construir un JSON desde PHP y que lo tome jQuery, de hecho, jquery lo contempla, no sólo texto plano

art_rockerd · #3 (**permalink**) 13/11/2012, 11:54

Hola Maycolalvarez gracias por tu respuesta, realmente no tengo conocimiento de JSON :S quiere decir que lo estoy haciendo mal??

emprear · #4 (**permalink**) 13/11/2012, 13:03

Tenes varios errores, debería ser asi (para evitar hacer el form pasé lods valores directamente)

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<button id="procesarform">Enviar</button>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){ 
$('#procesarform').click(function() {  
$.post("consultaDatos.php",{
            tipo_prod:'prod_1',
            rango:'rango_1',
            rangoP:'rangoP_1',
            tipo_garantia:'garantia_1',
            financiamiento:'financiamiento_1'
            } ,
            function(data)
            {
//DE ESTA MANERA SI ME FUNCIONA
       alert(data);
//SI QUIERO LEER VARIOS VALORES QUE ENVIO SEPARADOS POR "," DE PHP NO ME LO HACE
            var recoge=data.split(",");
            var t = recoge[0];
            var r = recoge[1];
            var rP = recoge[2];
            var t2 = recoge[3];
            var f = recoge[4];
          alert(t +'-'+r+'-'+rP);
            }//termina FUNTION (data)
        );//termina FUNCION .post
        
   }); // fin $click enviar     
   });
//]]>
</script>
</body>
</html>

en tú código, usas
r = recoge[1];
rP = recoge[1];
t = recoge[1];
f = recoge[1];
que es siempre el segundo elemento del array recoge

Y tu php se puede simplificar

Código PHP:

Ver original<?php 
session_start();
if (isset($_POST['tipo_prod'])){
echo $_POST['tipo_prod'] . ',';
}
if (isset($_POST['rango'])){
echo $_POST['rango'] . ',';
}
if (isset($_POST['rangoP'])){
echo $_POST['rangoP'] . ',';
}
if (isset($_POST['tipo_garantia'])){
echo $_POST['tipo_garantia'] . ',';
}
if (isset($_POST['financiamiento'])){
echo $_POST['financiamiento'];
}
?>

faltarían posibles validaciones en el php

Saludos

maycolalvarez · #5 (**permalink**) 15/11/2012, 11:28

Cita:

Iniciado por art_rockerd

Hola Maycolalvarez gracias por tu respuesta, realmente no tengo conocimiento de JSON :S quiere decir que lo estoy haciendo mal??

que no uses JSON no quiere decir que esté malo, sólo que no lo haces de la manera optima, tambien puedes usar XML, o incluso dividir la cadena con separadores, realmente puedes elegir cual te convence

art_rockerd · #6 (**permalink**) 20/12/2012, 17:06

Muchas Gracias, ya quedo con las modificaciones que me indicaron. Gracias!