Foros del Web - Ver Mensaje Individual

matak · #4 (**permalink**) 11/06/2009, 02:24

Buenas thi,

Ahi va un pequeño ejemplo...

Base de Datos: prueba
Tabla: miTabla
-campo1 varchar(10)
-campo2 varchar(10)

index.php

Código php:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
<title>Prueba Ajax</title>
<script type="text/javascript" language="javascript" src="ajax.js"></script>
</head>
<body>
</body>
<form METHOD="POST" NAME="inert" ACTION="" ENCTYPE="multipart/form-data">
      Campo1:&nbsp;<INPUT TYPE="TEXT" id="campo1" NAME="campo1" SIZE="10" MAXLENGTH="10" />
      Campo2:&nbsp;<INPUT TYPE="TEXT" id="campo2" NAME="campo2" SIZE="10" MAXLENGTH="10" />
<br/>
      <INPUT TYPE="button" NAME="aceptar" VALUE="Enviar" onclick="javascript:peticionAjax('addTabla.php?campo1='+document.getElementById('campo1').value+'&campo2='+document.getElementById('campo2').value,'contenido');javascript:document.getElementById('campo1').value='';document.getElementById('campo2').value='';"/>
</form>
<br/>
<div id="contenido">
<table>
  <thead>
    <tr>
      <th>Campo1</th>
      <th>Campo2</th>
    </tr>
  </thead>
  <tbody>
<?PHP
 
////Conexión a la DB
 
$sql = "select * from miTabla";
$query = mysql_query($sql, $db) or die (mysql_error($db));
while ($resultado = mysql_fetch_array($query)){
?>
    <tr>
      <td><?PHP echo $resultado['campo1']; ?></td>
      <td><?PHP echo $resultado['campo2']; ?></td>
    </tr>
<?PHP
}
mysql_close($db);
?>
  </tbody>
</table>
</div>
</body>
</html>

ajax.js

Código javascript:

Ver originalvar ajax=null;
//Funcion que crea el objeto ajax
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 peticionAjax(url,idDestino){
    if (ajax==null) {
      objDestino=document.getElementById(idDestino)
      ajax=objetoAjax();
      ajax.open("POST", url, true);
      ajax.onreadystatechange=function() {
          if (ajax.readyState==4) {
              objDestino.innerHTML = ajax.responseText
              ajax = null
          }
      }
      ajax.send(null)
    }else{
      setTimeout("f1('"+url+"','"+divcontenido+"')",1)
    }
}

addTabla.php

Código php:

Ver original<?PHP
header('Content-Type: text/xml; charset=ISO-8859-1');
 
/////Conexión a la BD
 
$sql="INSERT INTO miTabla (campo1,campo2) VALUES ('".$_REQUEST['campo1']."','".$_REQUEST['campo2']."')";
$query = mysql_query($sql, $db) or die (mysql_error($db));
?>
<table>
  <thead>
    <tr>
      <th>Campo1</th>
      <th>Campo2</th>
    </tr>
  </thead>
  <tbody>
<?PHP
$sql = "select * from miTabla";
$query = mysql_query($sql, $db) or die (mysql_error($db));
while ($resultado = mysql_fetch_array($query)){
?>
    <tr>
      <td><?PHP echo $resultado['campo1']; ?></td>
      <td><?PHP echo $resultado['campo2']; ?></td>
    </tr>
<?PHP
}
mysql_close($db);
?>
  </tbody>
</table>

Es un ejemplo muy muy sencillo. Si lo montas tal y como te lo pongo creando la BD y tablas tal cual funciona, lo he probado.

Ya dirás

Saludos...