Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Duda sobre ajax , jquery

Estas en el tema de Duda sobre ajax , jquery en el foro de Jquery en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 08/09/2015, 22:05
 
Fecha de Ingreso: septiembre-2015
Mensajes: 142
Antigüedad: 4 años, 8 meses
Puntos: 13
Duda sobre ajax , jquery

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.

Última edición por sonystar_17; 08/09/2015 a las 23:16
  #2 (permalink)  
Antiguo 09/09/2015, 17:10
 
Fecha de Ingreso: septiembre-2015
Mensajes: 142
Antigüedad: 4 años, 8 meses
Puntos: 13
Respuesta: Duda sobre ajax , jquery

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.
  #3 (permalink)  
Antiguo 10/09/2015, 14:00
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 8 años, 10 meses
Puntos: 72
Respuesta: Duda sobre ajax , jquery

¿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 original
  1. xmlhttp.onreadystatechange = function() {
  2.   if (xmlhttp.readystate == 4 && xmlhttp.status == 200) {
  3.     if (str == 1) {
  4.       document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
  5.     } else {
  6.       document.getElementById("txtHint2").innerHTML = xmlhttp.responseText;
  7.     }
  8.   }
  9. }
  10.  
  11. <div id="txtHint"><p>Person info will be listed here...</p></div>
  12. <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
}
  #4 (permalink)  
Antiguo 11/09/2015, 11:00
 
Fecha de Ingreso: septiembre-2015
Mensajes: 142
Antigüedad: 4 años, 8 meses
Puntos: 13
Respuesta: Duda sobre ajax , jquery

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

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:20.