Sunteți pe pagina 1din 4

FORMULARIO CON CAPAS

Lee atentamente las indicaciones, desarrllalo y enva tu archivo a travs


de este medio:

Desarrollar un formulario donde se ingrese un cdigo de artculo y al hacer


click en un botn se elimine. En un documento de Word poner el cdigo de
lo siguiente:
Procedimientos Almacenados, CapaDatos, CapaNegocio, CapaEntidad,
JSP. Finalmente comprima sus archivos en un Winrar y envelo.

MySQL - Consulta de registros


Realizaremos un sencillo ejemplo de como recuperar registros de una tabla
con AJAX.

Este ejemplo lo he probado en IE, Firefox, Opera y Netscape sin darme


errores.

Es un ejemplo sencillo si estamos familiarizados con PHP y MySQL.An as


dare algunas explicaciones generales sobre el cdigo.

Creacion de la tabla

Entonces empezemos creando un tabla pequea llamada empleados, no tendr


mas que 5 campos: idempleado, nombres, departamento y sueldo; adems
insertaremos algunos datos.
CREATE TABLE empleados (
idempleado int NOT NULL auto_increment,
nombres varchar(32) NOT NULL,
departamento varchar(40)NOT NULL,
sueldo double,
KEY id(idempleado) )
TYPE=MyISAM;

INSERT INTO empleados VALUES (1, 'Juan Perez', 'Informatica',500.00);


INSERT INTO empleados VALUES (2, 'Laura Morales',
'Contabilidad',550.00);
INSERT INTO empleados VALUES (3, 'Luis Gutierrez',
'Administracion',850.00);
INSERT INTO empleados VALUES (4, 'Pedro Solar', 'Informatica',500.00);
INSERT INTO empleados VALUES (5, 'David Vilchez',
'Contabilidad',550.00);

Creamos las funciones en javascript

Ahora escribiremos 2 funciones, en la primera ( objetoAjax ) tiene como


objetivo elegir el objeto XMLHttpRequest dependiendo del navegador, y la
segunda funcin ( MostrarConsulta(parametro) ) tendr como objetivo
pedir los datos y mostrarlos en una capa (<div>) que especificaremos. Estas
funciones lo podemos incluir en un archivo javascript (.js) al cual
llamaremos ajax.js

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)
}

Pedir los datos con PHP

En esta parte escribiremos un script en PHP para realizar una consulta de


todos los registros de la tabla empleados en la base de datos.

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);

//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";
}
?>

Formulario de consulta

Finalmente creamos un archivo html que contendr un Form y un Button el


cual realizar la consulta.

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 funcin '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>

</body>

</html>

En resumen

Para consultar los datos de una tabla hemos realizado lo siguiente:

Una funcin para crear el objeto XMLHttpRequest dependiendo del


navegador.
Una funcin que realizar la peticin de datos e indicar donde se
mostrarn estos.
Una script en PHP que consulta los datos y los muestra.
Y finalmente el formulario de consulta.

S-ar putea să vă placă și