Hola
Este sería el AJAX
Código Javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<style type="text/css">
#frm {
background: #eee;
border: 1px solid #963;
}
#frm ul li {display:inline;font:10px Verdana;}
</style>
<script type="text/javascript">
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ns6 = (document.getElementById)? true:false
function captura_objeto(idnombre) {
if (ns6)
{
return document.getElementById(idnombre);
}
else if (ie4)
{
return document.all[idnombre];
}
else if (ns4)
{
return document.layers[idnombre];
}
else
{
return null;
}
}
function creaAjax(){
var ajaxs = ["Msxml2.XMLHTTP","Msxml2.XMLHTTP.4.0","Msxml2.XMLH TTP.5.0","Msxml2.XMLHTTP.3.0","Microsoft.XMLHTTP"];
var ajax = false;
for(var i=0 ; !ajax && i<ajaxs.length ; i++){
try{
ajax = new ActiveXObject(ajaxs[i]); // Internet Explorer
}
catch(e) {
ajax = false;
}
}
if(!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
return ajax;
}
function MuestraDatos(val) {
var url = "validar.php"
var ajax=creaAjax();
var cargar = captura_objeto("cargando");
var ensistema = captura_objeto("frm");
ajax.open('POST',url,true);
ajax.onreadystatechange = function() {
if (ajax==null){
alert ("Tu navegador web no soporta AJAX!");
return;
}
if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
cargar.innerHTML= "";
}
else if (ajax.readyState==4){
if(ajax.status==200){
if (ajax.responseText.length == 0 || ajax.responseText == null || ajax.responseText == 'undefined') {
cargar.innerHTML = 'No ha sido posible';
} else {
ensistema.innerHTML = 'Bienvenido ' + ajax.responseText;
}
}
else if (ajax.status==404) {
alert('La dirección no existe');
} else {
alert('Se ha producido un error');
}
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
//ajax.setRequestHeader('Content-Length', val[0].length);
ajax.send('nom='+val[0].value+'&priv='+val[1].value);
return
}
</script>
</head>
<body>
<div id="frm">
<form action="b.asp" method="post">
<ul>
<li>Nombre: <input type="text" id="nombre" name="nombre" value="" /></li>
<li>Privilegios: <input type="text" id="privilegio" name="privilegio" value="" /></li>
<li><input type="button" value="Validar" onclick="MuestraDatos(this.form)" /></li>
<li id="cargando"></li>
</ul>
</form>
</div>
</body>
</html>
Ahora crea una pagina para recibir los valores (
validar.php). Estaría bien que encriptaras los valore del form antes de enviarlos
Suerte