[SOLUCIONADO] Duda sobre ajax , jquery

sonystar_17 · #1 (**permalink**) 08/09/2015, 22:05

ando creando unos select y unos checkbox

mi idea era hacer una consulta como mysql que me seleccionara
jugadores donde el deporte es (futbol) y otra donde me seleccionara donde el deporte es (baloncesto) (todo esto es un ejemplo que doy para entender un poco)

yo en ajax cree mi función

function mostrar_d(str)

me funciona perfecto -> me muestra la lista de los jugadores donde el deporte es futbol ->>>

ahora quiero cargar una lista donde el value sea baloncesto>>> pero sin modificar mi otra lista de futbol.
creo 2 botones : 1 con value futbol y otro con value baloncesto

le doy click al de futbol ( me carga mi lista )

y luego le doy click al de baloncesto ( y me carga mi lista ) sin modificar la de futbol

mi pregunta es :

tengo que crear otro function mostrar_d(str) ?
o puedo hacerlo con el mismo ?

gracias por leer.

sonystar_17 · #2 (**permalink**) 09/09/2015, 17:10

Código:

<html>
<head>
<script>
function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","getuser.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>
</head>
<body>

<form>
<button type="button" value="1" onclick="showCustomer(this.value)">1</button>

<button type="button" value="2" onclick="showCustomer(this.value)">2</button>




</form>
<br>
<div id="txtHint"><b>Person info will be listed here...</b></div>




</body>
</html>

disculpen por no poner código antes ,no estaba en mi PC
mi pregunta es esta :

ya tengo una función llamada showCustomer
como pueden notar tengo 2 botones yo quiero cargar una lista con el primer boton.
que no tiene relación con la segunda.
y ya luego al apretar el otro boton quiero cargar la otra lista ( una no depende de la otra son independientes )

mi pregunta es : tengo que crear otra función showCustomer igual pero con otro nombre ?

o puedo hacerla con esa misma función.

lubtufano · #3 (**permalink**) 10/09/2015, 14:00

¿Dónde está la función showCustomer? La que muestras en el código es showUser, suponiendo que esa es, sí se puede usar con ambos botones sólo habría que agregar otro div para mostrar la segunda lista y elegir entre uno y otro, según el parámetro recibido, en la función asociada al evento onreadystatechange.

Código Javascript:

Ver originalxmlhttp.onreadystatechange = function() {
  if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {
    if (str == 1) {
      document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
    } else {
      document.getElementById("txtHint2").innerHTML = xmlhttp.responseText;
    }
  }
}
 
<div id="txtHint"><p>Person info will be listed here...</p></div>
<div id="txtHint2"><p>Person info will be listed here...</p></div>

Obviamente también se debería modificar el archivo .php que recibe la petición para que retorne la información correspondiente a la variable que se envía.

if($_GET["q"] == 1) {
//cosulta para fútbol
} elseif($_GET["q"] == 2) {
//cosulta para baloncesto
}

sonystar_17 · #4 (**permalink**) 11/09/2015, 11:00

gracias lubtufano gracias a tu sugerencia pude solucionar el problema que tenia.
marco tema como solucionado gracias nuevamente.