Programación Web y Scripting > PHP
Ajax
RadicalEd:
Pues por fin me va a tocar a usar esta vaina por que no veo de otra, lo que necesito hacer es recoger una ciudad de un combo y recargar un campo de la página con el dato de un flete sin recargar toda la página ya que primero que todo se perderían los datos (aunque con un GET es fácil recuperarlos) y quiero evitar eso de que se esté recargando la página, que mamera....
Pos mi pregunta es como funciona esta tecnología ya que me baje un pequeño ejemplo de práctica y no me funciona, este:
--- Código: PHP ---servidor.php<?php include '../configuration.php'; if($_GET["dato"]){ $consulta_chequeo = "SELECT id FROM gasto WHERE id = ".$_GET["dato"]; if($hay_resultados){ echo "el dato esta siendo utilizado"; }}?>cliente.php<html><head><script type="text/javascript">function consultar(id){ var error = getDataServer("servidor.php","?dato="+id); if(error){ alert(error); } else{ document.getElementById("div_"+id).style.display = "hidden"; }}</script></head><body> <div id="div_1"><a href="javascript:consultar(1)">1</a> <div id="div_2"><a href="javascript:consultar(2)">2</a> <div id="div_3"><a href="javascript:consultar(3)">3</a> <div id="div_4"><a href="javascript:consultar(4)">4</a></body></html> El error es que no hace nada, y me imágino que es por que el AJAX necesita un algo para ejecutarse; alguién me podría explicar como funciona bien esta tecnología.
Gracias
Chao
F_Tanori:
--- Cita de: "Edo" ---Pues por fin me va a tocar a usar esta vaina por que no veo de otra, lo que necesito hacer es recoger una ciudad de un combo y recargar un campo de la página con el dato de un flete sin recargar toda la página ya que primero que todo se perderían los datos (aunque con un GET es fácil recuperarlos) y quiero evitar eso de que se esté recargando la página, que mamera....
Pos mi pregunta es como funciona esta tecnología ya que me baje un pequeño ejemplo de práctica y no me funciona, este:
--- Código: PHP ---servidor.php<?php include '../configuration.php'; if($_GET["dato"]){ $consulta_chequeo = "SELECT id FROM gasto WHERE id = ".$_GET["dato"]; if($hay_resultados){ echo "el dato esta siendo utilizado"; }}?>cliente.php<html><head><script type="text/javascript">function consultar(id){ var error = getDataServer("servidor.php","?dato="+id); if(error){ alert(error); } else{ document.getElementById("div_"+id).style.display = "hidden"; }}</script></head><body> <div id="div_1"><a href="javascript:consultar(1)">1</a> <div id="div_2"><a href="javascript:consultar(2)">2</a> <div id="div_3"><a href="javascript:consultar(3)">3</a> <div id="div_4"><a href="javascript:consultar(4)">4</a></body></html> El error es que no hace nada, y me imágino que es por que el AJAX necesita un algo para ejecutarse; alguién me podría explicar como funciona bien esta tecnología.
Gracias
Chao
--- Fin de la cita ---
En el primer archivo de donde aparece $hay_resultados ? y en cuanto a la funcion de js debes de mostrar getDataServer lo interesante de esto es usar el Objeto HttpRequest
Funcion para crear el objeto HttpRequest
--- Código: Text --- function ObjAjax(){ 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;}
Funcion para cargar la pagina
--- Código: Text --- function CargarPagina(url,divDestino,MostrarPreload){ var contenido; contenido = document.getElementById(divDestino); ajax=ObjAjax(); //<----- CREAR HttpRequest ajax.open("GET", url,true); ajax.onreadystatechange=function() { if(ajax.readyState==1){ if (MostrarPreload==1){ contenido.innerHTML ="Por favor espere cargando pagina...<br/>"; } }else if(ajax.readyState==4){ if(ajax.status==200){ contenido.innerHTML = unescape(ajax.responseText); }else if(ajax.status==404){ try{ contenido.innerHTML ='No se puede accesar al sito'; }catch(E){} }else{ contenido.innerHTML = "Error:"+ajax.status; } } } ajax.send(null); }
Uso:
--- Código: Text --- <div id="div_1"><a href="javascript:CargarPagina('servidor.php?dato=1','div_1',1)">1</a>
Saludos
RadicalEd:
Sorry, el hayresultados es la ejecución del query.
Pregunta???, siempre debe existir esa función ObjAjax() ?????
JrcsDev:
a ver... si no entendí mal, lo que quieres es que al seleccionar una ciudad en el SELECT (ComboBox), en un campo te aparezca el flete dependiendo de la ciudad... si eso es lo que necesitas, no veo la necesidad de ajax... puedes hacerlo solo con javascript y html, por ejemplo:
se tiene un select:
--- Código: Text ---<select onchange="cambiar(this.value);"> <option value="-">-</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option></select> (notar que en el evento onchange del select se coloca el nombre de la función que se ejecuta cuando el select cambia de item... el this.value le pasa como parámetro a la función el contenido de la propiedad value del select... es decir, el value del item seleccionado)
se tiene un campo input type="text":
--- Código: Text ---<input type="text" id="resultado" name="resultado" readonly="" />
Luego el código de la función cambiar(valor) en javascript:
--- Código: Javascript ---<script language="javascript"> function cambiar(valor) { if (valor!='-') document.getElementById('resultado').value=valor; else document.getElementById('resultado').value=''; }</script
Esto deberia funcionar... en el select deben estar precargados los datos de ciudades y fletes... espero que esto te sirva... saludos!
grandzam:
--- Citar ---Pregunta???, siempre debe existir esa función ObjAjax() ?????
--- Fin de la cita ---
Dentro de esta función existen dos objetos, ActiveXObject y XMLHttpRequest, en los cuáles su objetivo es crear una conexión asincrónica (ya con los métodos que maneja) para permitir el envío y la recepción de datos entre el cliente y el servidor. La diferencia de estos objetos (si no me equivoco) es que ActiveXObject se utiliza en Internet Explorer en versiones anteriores a la 7... XMLHttpRequest es utilizado en la mayoria de los navegadores basados en Gek, Mozilla, Camino, Galeon, Netscape, y otros como Safari, Opera, y Konkeror...
El manejo del objeto XMLHttpRequest es:
-Crear una instancia
-Preparar la petición
-Enviar la petición
-Recibir la respuesta
Bueno dejo que investigues por tí mismo este objeto de javascript tan interesante... Hasta luego... :good:
Navegación
[#] Página Siguiente
Ir a la versión completa