no refresca la pagina pero hace la actualizacion

[ecosysonidos]

que tal a todos estoy usando ajax para hacer una actualizacion en mi base de datos

tengo mi tabla en php en la cual imprimo una consulta y agregue una columna adicional para pasarle el parametro id para que al darle clic a "Actualizar" me modifique el estatus de la fila, sobre la que estoy haciendo clic...

esto si lo hace bien mi problema es que no lo hace en el momento o mejor dicho no es visible....
es decir doy clic y no se ve que se haya actualizado el campo que quiero... pero si refresco la pagina manualmente se puede ver ya el campo actualizado

entonces quiero que al dar clic se vea esa actualizacion y no tenga que refrescar la pagina....


este es mi ajax

Código:

function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
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","php/demo.php?q="+str,true);
xmlhttp.send();
return true;
}

supongo que algo me falta dentro del mismo por lo cual no me actualiza mi info en tiempo de ejecucion les agradezco la ayuda!

[vesper_metal90]

te voy a poner un ejemplo para que veas como se hace yo lo uso es para actualizar un status en una tabla vale...

Código Javascript:

$(".Cancelar").click(function(event){
      event.preventDefault();
      var Estatus = $(this).attr('name');
      var idCorresEliminar = $(this).attr('id');
      if(Estatus == 0 || Estatus == 1){
        if(confirm("Desea Cancelar ?")){
          var dataString ="id="+idEliminar+"&Actividad="+5;
          $.ajax({
            type : "post",
            url : "c_bit.php",
            data : dataString,
            success:function(){},
            error:function(){
              alert("Error...");
            }
          });
                         
          $("#central").load("frm_listado.php",{ idEliminar : idCorresEliminar });<---Aqui esta la   clave
        }
        return false;
      }else{
        alert("No se puede cancelar");
        return false;
      }
    });
 

el PHP aqui recibimos la variable que enviamos con el load

Código PHP:

if (isset($_POST['idEliminar'])) {
  $conex = new Conexion($servidor, $usuario, $contrasenia);
  $conex->selectDB('correspondencia');
  $query = 'UPDATE correspondencia SET estatus = 3 WHERE id_correspondencia = "' . $_POST['idEliminar'] . '" ';
  $conex->ejecutaQuery($query);
}
 

y el div que contiene la tabla

Código HTML:

<div id="central">
 

Todo esto esta en un mismo archivo llamado lista.php

aqui te dejo unos links para que leas..

http://www.desarrolloweb.com/articul...ax-jquery.html
http://api.jquery.com/load/
http://www.w3schools.com/jquery/ajax_load.asp
http://www.anerbarrena.com/jquery-load-html-div-460/

[ecosysonidos]

gracias por tu respuesta... ya lo he intentado así pero
no me resulta es decir hace la modificacion pero la puedo ver hasta que refresco la pagina manualmente y mi idea es que sea automatico

Código HTML:

 <div id="add">
        			          <?php
date_default_timezone_set("America/Mexico_City");		
$terminoX= date("Y-m-d H:i:s");
$date= date("Y-m-d");
$Hora= date('H:i:s');
$Id=$_GET['Id'];


if(!isset($date)){
    echo  "";
}else{
$fin=mysql_query("SELECT * from demos");
$hoyno=mysql_num_rows($fin);
if($hoyno<>""){
	
	#echo "proximo corte"." <br /> ".$date." <br />  ".$hoy['Email'].$hoy['Hora_Termino'];;
echo '<table width="450" align="center" cellpadding="2" cellspacing="0">';
echo "<tr bgcolor=#292929 align='center' class='xy'>
		<td>Email</td>
		<td aling=center>Password</td>
		<td>Estatus</td>
		<td>Activar</td>";
    echo "</tr>";
	while($hoy = mysql_fetch_array($fin))
	if($color==1){
echo "<tr bgcolor='#F0F0F0' align='center'>
<td>".$hoy['Email']."</td>
<td>".$hoy['Password']."</td>
<td>".$hoy['Estatus']."</td>
<td><a style=\"text-decoration:underline;cursor:pointer;\" onclick=\"showUser('".$hoy['Id']."')\">Eliminar</a></td>
</tr>";
// Set $color==2, for switching to other color
$color="2";
}
 
// When $color not equal 1, use this table row color
else {
echo "<tr bgcolor='#DEDEBE' align='center'>
<td>".$hoy['Email']."</td>
<td>".$hoy['Password']."</td>
<td>".$hoy['Estatus']."</td>
<td><a style=\"text-decoration:underline;cursor:pointer;\" onclick=\"showUser('".$hoy['Id']."')\">Eliminar</a></td>
</tr>";

$color="1";
}

echo '</table>';
}
}

?>
						</div>
</body>
</html> 

ajax

Código:

function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
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;
	setTimeout('refresh()',time*1000);
    }
  }
xmlhttp.open("GET","php/demo.php?q="+str,true);
xmlhttp.send(null);

}

demo.php

Código PHP:

  <?php
$con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("2013", $con);
$q=$_GET["q"];



mysql_query("update demos set Estatus='Activo'  WHERE Id='$q'");


mysql_close($con);
?>   

eso es todo lo que tengo repito la actualizacion la hace... pero solo se ve cuando refresco mi pagina ahora... yo no envio un formulario, envio una variable para hacer la consulta y saber sobre que Id de mi tabla se dio clic y asi hacer la actualizacion