Foros del Web » Programando para Internet » Javascript »

Actualizar dato con AJAX

Estas en el tema de Actualizar dato con AJAX en el foro de Javascript en Foros del Web. Buenas noches Buscando en la red un ejemplo sencillo de ajax para actualizar una pagina sin recargar encontre este ejemplo perfecto para lo que necesitaba, ...
  #1 (permalink)  
Antiguo 26/06/2012, 20:58
 
Fecha de Ingreso: noviembre-2010
Mensajes: 204
Antigüedad: 13 años, 5 meses
Puntos: 1
Actualizar dato con AJAX

Buenas noches

Buscando en la red un ejemplo sencillo de ajax para actualizar una pagina sin recargar encontre este ejemplo perfecto para lo que necesitaba, lo adapte a mi necesidad y quedo super, me funciona perfecto.

Sin embargo queria adicionarle algo, pero no he podido, me colaboran por favor

Como hago para pasar ademas de la consulta, el numero de registros encontrados en la consulta en el <div id="numero_registros"></div>.

Encontrar el numero de registros es facil lo que no se es como pasar el dato.

Gracias

Isabel.

El codigo es este:

***consulta_empleados.html***

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Consulta Registro con AJAX</title>


<!-- referenciamos al archivo ajax.js donde se encuentra nuestra funcion objetoAjax-->

<script language="JavaScript" type="text/javascript" src="ajax.js"></script>

</head>


<body>

<p>Consultar registros con ajax</p>"</p>"<p><!-- En "onsubmit" escribimos la función 'MostrarConsulta' que creamos en javascript,
con su parametro que es el archivo que vamos a mostrar, en este caso 'consulta.php'-->


<form name="consulta" action="" onsubmit="MostrarConsulta('consulta.php'); return false">

<label>

<input type="submit" value="Consultar" />


</label>

</form>

<div id="resultado"></div>
<div id="numero_registros"></div>

</body>

</html>



***ajax.js***

function objetoAjax(){
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 MostrarConsulta(datos){
divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
divResultado.innerHTML = ajax.responseText
}
}
ajax.send(null)
}



***consulta.php***

<?php
//Configuracion de la conexion a base de datos
$bd_host = "localhost";
$bd_usuario = "root";
$bd_password = "";
$bd_base = "ribosomatic";

$con = mysql_connect($bd_host, $bd_usuario, $bd_password);

mysql_select_db($bd_base, $con);

//consulta todos los empleados

$sql=mysql_query("SELECT * FROM empleados",$con);

$veces=mysql_num_rows($sql); ***numero de registros***

//muestra los datos consultados
echo "</p>Nombres - Departamento - Sueldo</p> n";
while($row = mysql_fetch_array($sql)){
echo "<p>".$row['nombres']." - ".$row['departamento']." - ".$row['sueldo']."</p> n";
}

?>

Última edición por isabelramirezmontoya; 26/06/2012 a las 21:06
  #2 (permalink)  
Antiguo 27/06/2012, 00:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Actualizar dato con AJAX

divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos);


x

var divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos+'?numeroderegistros='+divResultado);

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 27/06/2012, 17:53
 
Fecha de Ingreso: noviembre-2010
Mensajes: 204
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: Actualizar dato con AJAX

Cita:
Iniciado por emprear Ver Mensaje
divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos);


x

var divResultado = document.getElementById('resultado');
ajax=objetoAjax();
ajax.open("GET", datos+'?numeroderegistros='+divResultado);

Saludos
emprear, gracias por tu tiempo

Disculpa mi ignorancia , a ver si entendi

¿numeroresgistros, contiene el numero de registros de la consulta?

En el archivo empleados.html adicione una linea <div id="numeroderegistros"></div>, pero no aparece el numero de registros cuando lo ejecuto. Lo estoy haciendo mal o me falta algo?

Gracias

Isabel.
  #4 (permalink)  
Antiguo 27/06/2012, 18:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Actualizar dato con AJAX

Se supone que tu ajax pasa por get ciertos valores a consulta.php
Entonces se añaden los parámetros correspondientes.
Yo te recomendaría que leas y revises detenidamente como funciona
http://www.ribosomatic.com/articulos...-de-registros/
ya que aparentemente de ahi lo descargaste

Aqui te dejo otro ejemplo de uso
http://foros.emprear.com/ajax/html-c.../deportes.html

Si te limitás a copiar y pegar código, va a ser complicado que entiendas el proceso

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 27/06/2012, 19:15
 
Fecha de Ingreso: noviembre-2010
Mensajes: 204
Antigüedad: 13 años, 5 meses
Puntos: 1
Respuesta: Actualizar dato con AJAX

Cita:
Iniciado por emprear Ver Mensaje
Se supone que tu ajax pasa por get ciertos valores a consulta.php
Entonces se añaden los parámetros correspondientes.
Yo te recomendaría que leas y revises detenidamente como funciona
http://www.ribosomatic.com/articulos...-de-registros/
ya que aparentemente de ahi lo descargaste

Aqui te dejo otro ejemplo de uso
http://foros.emprear.com/ajax/html-c.../deportes.html

Si te limitás a copiar y pegar código, va a ser complicado que entiendas el proceso

SAludos
Gracias por tu tiempo, tienes mucha razon, debo estudiarlo para entederlo, lo que pasa es que para mi es un poco dificil, ya que mi area es otra totalmente diferente (veterinaria), esto lo hago por hobby por que quiero armar mi propia pagina. El php, el mysql, el html son relativamente faciles, el ajax es un poco dificil de entender.

El ejemplo que me colocaste (http://foros.emprear.com/ajax/html-c.../deportes.html) esta muy bueno, ya lo baje.

Gracias

Isabel
  #6 (permalink)  
Antiguo 27/06/2012, 22:23
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Información Respuesta: Actualizar dato con AJAX

Cita:
Iniciado por isabelramirezmontoya Ver Mensaje
Gracias por tu tiempo, tienes mucha razon, debo estudiarlo para entederlo, lo que pasa es que para mi es un poco dificil, ya que mi area es otra totalmente diferente (veterinaria), esto lo hago por hobby por que ...
No pude evitar dejarte esta información: Ajax y JavaScript

Saludos cordiales.

Etiquetas: ajax, dato, funcion, html, input, js, php, select
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 23:16.