Problema con ajax
Publicado por Deco (1 intervención) el 29/01/2010 15:23:25
Buenas, tengo problemas con el siguiente codigo de programacion que registra usuario
NOMBRE DEL ARCHIVO usuario_registro.php
<html>
<head>
<title>Registro Usuario</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"> </script>
</head>
<body>
<div align="center">
<form name="nuevo_usuario" id="nuevo_usuario" action=""
onSubmit="enviarDatosUsuario(); return false">
<table width="650" border="0">
<tr>
<td colspan="6"><div align="center">Nuevo Usuario</div></td>
</tr>
<tr>
<td width="77">Login</td>
<td width="186"><input name="usuario" type="text"> </td>
<td width="68"><label>Nombre</label></td>
<td width="177"><input name="nombre" type="text"></td>
<td width="86"><label>Cedula</label></td>
<td width="144"><input name="cedula" type="text"></td>
</tr>
<tr>
<td><label>Cargo</label></td>
<td><input name="cargo" type="text"></td>
<td><label>Unidad</label></td>
<td><input name="unidad" type="text"></td>
<td><label>Dependencia</label></td>
<td><input name="dependencia" type="text"></td>
</tr>
<tr>
<td><label>Telefono</label></td>
<td><input name="telefono" type="text"></td>
<td><label>Correo</label></td>
<td><input name="mail" type="text"></td>
<td><label>Correo Alternativo</label></td>
<td><input name="mailalternativo" type="text" /></td>
</tr>
<tr>
<td><label>Comentarios</label></td>
<td colspan="6"><input name="comentarios" type="text" size="100"></td>
</tr>
</table>
<input type="reset" name="reset" value="Cancelar">
<label>
<input type="submit" name="Submit" value="Enviar">
</label>
</form>
</body>
</html>
NOMBRE DEL ARCHIVO registro.php
<?php
$bd_host = "localhost";
$bd_usuario = "root";
$bd_password = "";
$bd_base = "infraestructura";
$con = mysql_connect($bd_host, $bd_usuario, $bd_password);
mysql_select_db($bd_base, $con);
//variables POST
$logi=$_POST['usuario'];
$nom=$_POST['nombre'];
$ced=$_POST['cedula'];
$car=$_POST['cargo'];
$und=$_POST['unidad'];
$dep=$_POST['dependecia'];
$tel=$_POST['telefono'];
$mail=$_POST['correo'];
$mail2=$_POST['correoalternativo'];
$com=$_POST['comentarios'];
//registra los datos del usuario
$sql="INSERT INTO usuario (usuario,nombre,cedula,cargo,dependecia,telefono,correo,correoalternativo,comentarios) VALUES ('$logi','$nom',$ced,'$car','$und',$dep,'$tel','$mail',$mail2,$com)";
mysql_query($sql,$con);
?>
NOMBRE DEL ARCHIVO 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 enviarDatosUsuario(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//valores de los inputs
logi=document.nuevo_usuario.usuario.value;
nom=document.nuevo_usuario.nombre.value;
ced=document.nuevo_usuario.cedula.value;
car=document.nuevo_usuario.cargo.value;
und=document.nuevo_usuario.unidad.value;
dep=document.nuevo_usuario.dependencia.value;
tel=document.nuevo_usuario.telefono.value;
mail=document.nuevo_usuario.correo.value;
mail2=document.nuevo_usuario.correoalternativo.value;
com=document.nuevo_usuario.comentarios.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod POST
//archivo que realizará la operacion
//registro.php
ajax.open("POST", "registro.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
//llamar a funcion para limpiar los inputs
LimpiarCampos();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("usuario="+logi+"&nombre="+nom+"&cedula="+ced+"&cargo="+car+"&unidad="+und+"&dependencia="+dep+"&telefono="+tel+"&correo="+mail+"&correoalternativo="+mail2+"&comentarios="+com)
alert ("ENVIADO")
}
function LimpiarCampos(){
document.nuevo_usuario.usuario.value="";
document.nuevo_usuario.nombre.value="";
document.nuevo_usuario.cedula.value="";
document.nuevo_usuario.cargo.value="";
document.nuevo_usuario.unidad.value="";
document.nuevo_usuario.dependencia.value="";
document.nuevo_usuario.telefono.value="";
document.nuevo_usuario.mail.value="";
document.nuevo_usuario.mailalternativo.value="";
document.nuevo_usuario.usuario.focus();
}
ESPERO SU MAS PRONTA AYUDA
NOMBRE DEL ARCHIVO usuario_registro.php
<html>
<head>
<title>Registro Usuario</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"> </script>
</head>
<body>
<div align="center">
<form name="nuevo_usuario" id="nuevo_usuario" action=""
onSubmit="enviarDatosUsuario(); return false">
<table width="650" border="0">
<tr>
<td colspan="6"><div align="center">Nuevo Usuario</div></td>
</tr>
<tr>
<td width="77">Login</td>
<td width="186"><input name="usuario" type="text"> </td>
<td width="68"><label>Nombre</label></td>
<td width="177"><input name="nombre" type="text"></td>
<td width="86"><label>Cedula</label></td>
<td width="144"><input name="cedula" type="text"></td>
</tr>
<tr>
<td><label>Cargo</label></td>
<td><input name="cargo" type="text"></td>
<td><label>Unidad</label></td>
<td><input name="unidad" type="text"></td>
<td><label>Dependencia</label></td>
<td><input name="dependencia" type="text"></td>
</tr>
<tr>
<td><label>Telefono</label></td>
<td><input name="telefono" type="text"></td>
<td><label>Correo</label></td>
<td><input name="mail" type="text"></td>
<td><label>Correo Alternativo</label></td>
<td><input name="mailalternativo" type="text" /></td>
</tr>
<tr>
<td><label>Comentarios</label></td>
<td colspan="6"><input name="comentarios" type="text" size="100"></td>
</tr>
</table>
<input type="reset" name="reset" value="Cancelar">
<label>
<input type="submit" name="Submit" value="Enviar">
</label>
</form>
</body>
</html>
NOMBRE DEL ARCHIVO registro.php
<?php
$bd_host = "localhost";
$bd_usuario = "root";
$bd_password = "";
$bd_base = "infraestructura";
$con = mysql_connect($bd_host, $bd_usuario, $bd_password);
mysql_select_db($bd_base, $con);
//variables POST
$logi=$_POST['usuario'];
$nom=$_POST['nombre'];
$ced=$_POST['cedula'];
$car=$_POST['cargo'];
$und=$_POST['unidad'];
$dep=$_POST['dependecia'];
$tel=$_POST['telefono'];
$mail=$_POST['correo'];
$mail2=$_POST['correoalternativo'];
$com=$_POST['comentarios'];
//registra los datos del usuario
$sql="INSERT INTO usuario (usuario,nombre,cedula,cargo,dependecia,telefono,correo,correoalternativo,comentarios) VALUES ('$logi','$nom',$ced,'$car','$und',$dep,'$tel','$mail',$mail2,$com)";
mysql_query($sql,$con);
?>
NOMBRE DEL ARCHIVO 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 enviarDatosUsuario(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
//valores de los inputs
logi=document.nuevo_usuario.usuario.value;
nom=document.nuevo_usuario.nombre.value;
ced=document.nuevo_usuario.cedula.value;
car=document.nuevo_usuario.cargo.value;
und=document.nuevo_usuario.unidad.value;
dep=document.nuevo_usuario.dependencia.value;
tel=document.nuevo_usuario.telefono.value;
mail=document.nuevo_usuario.correo.value;
mail2=document.nuevo_usuario.correoalternativo.value;
com=document.nuevo_usuario.comentarios.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medotod POST
//archivo que realizará la operacion
//registro.php
ajax.open("POST", "registro.php",true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divResultado.innerHTML = ajax.responseText
//llamar a funcion para limpiar los inputs
LimpiarCampos();
}
}
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//enviando los valores
ajax.send("usuario="+logi+"&nombre="+nom+"&cedula="+ced+"&cargo="+car+"&unidad="+und+"&dependencia="+dep+"&telefono="+tel+"&correo="+mail+"&correoalternativo="+mail2+"&comentarios="+com)
alert ("ENVIADO")
}
function LimpiarCampos(){
document.nuevo_usuario.usuario.value="";
document.nuevo_usuario.nombre.value="";
document.nuevo_usuario.cedula.value="";
document.nuevo_usuario.cargo.value="";
document.nuevo_usuario.unidad.value="";
document.nuevo_usuario.dependencia.value="";
document.nuevo_usuario.telefono.value="";
document.nuevo_usuario.mail.value="";
document.nuevo_usuario.mailalternativo.value="";
document.nuevo_usuario.usuario.focus();
}
ESPERO SU MAS PRONTA AYUDA
Valora esta pregunta
0