Anónimo
Problema con ajax
Buenas tardes tengo un pequeño problema tengo unos registro en ajax de ingresar pero al momento de enviar el formulario HTML no lo envía al php
este es el código 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 enviarDatosEmpleado(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
divResultado.innerHTML= '<img src="anim.gif">';
//valores de las cajas de texto
cod=document.nuevo_empleado.codigo_usuario.value;
ced=document.nuevo_empleado.cedula_usuario.value;
nom=document.nuevo_empleado.nombre_usuario.value;
ape=document.nuevo_empleado.apellido_usuario.value;
car=document.nuevo_empleado.cargo_usuario.value;
stu=document.nuevo_empleado.status_usuario.value;
idd=document.nuevo_empleado.id_division.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medoto 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("codigo_usuario="+cod+"&cedula_usuario="+ced+"&nombre_usuario="+nom+"&apellido_usuario="+ape+"&cargo_usuario="+car+"&status_usuario="+sta+"&id_division="+idd)
}
function LimpiarCampos(){
document.nuevo_empleado.codigo_usuario.value="";
document.nuevo_empleado.cedula_usuario.value="";
document.nuevo_empleado.nombre_usuario.value="";
document.nuevo_empleado.apellido_usuario.value="";
document.nuevo_empleado.cargo_usuario.value="";
document.nuevo_empleado.status_usuario.value="";
document.nuevo_empleado.id_division.value="";
document.nuevo_empleado.codigo_usuario.focus();
}
este es index.php
<html>
<head>
<title>Registro con AJAX</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form name="nuevo_empleado" action="" onSubmit="enviarDatosEmpleado(); return false">
<h2>Nuevo empleado</h2>
<p>Codigo de Usuario
<label>
<input name="codigo_usuario" type="text" />
</label>
</p>
<p>Cedula
<label>
<input name="cedula_usuario" type="text" />
</label>
</p>
<p>Nombre
<label>
<input name="nombre_usuario" type="text" />
</label>
</p>
<p>Apellido
<label>
<input name="apellido_usuario" type="text" />
</label>
</p>
<p>Cargo
<label>
<input name="cargo_usuario" type="text" />
</label>
</p>
<p>Status
<label>
<select name="status_usuario">
<option value="0">Seleccione</option>
<option value="activo">Activo</option>
<option value="inactivo">Inactivo</option>
</select>
</label>
</p>
<p>Nombre de Division
<label>
<select name="id_division" >
<option value="0">Selecione</option>
<?
include_once("DBManager.php");
$pg = "select * from schema_scii.division order by nombre_division asc";
$pai = pg_query($pg);
while($rs_pai = pg_fetch_assoc($pai)){
?>
<option value="<?=$rs_pai['id_division']?>"><?=$rs_pai['nombre_division']?></option>
<? } ?>
</select>
</label>
</p>
<p>
<label>
<input type="submit" name="Submit" value="Grabar"/>
</label>
</p>
</form>
<div id="resultado"><?php include('consulta.php');?></div>
</body>
</html>
registro.php
<?php
include_once("cEmpleado.php");
//variables POST
$cod=$_POST['codigo_usuario'];
$ced=$_POST['cedula_usuario'];
$nom=$_POST['nombre_usuario'];
$ape=$_POST['apellido_usuario'];
$car=$_POST['cargo_usuario'];
$sta=$_POST['status_usuario'];
$idd=$_POST['id_division'];
sleep(2);
//creamos el objeto $objempleados
//y usamos su método crear
$objempleados=new cEmpleado;
if ($objempleados->crear($cod, $ced, $nom, $ape, $car, $sta, $idd)==true){
echo "Registro grabado correctamente";
}else{
echo "Error de grabacion";
}
include('consulta.php');
?>
este es la conexion
DBManager.php
<?php
class DBManager{
var $conect;
function DBManager(){
}
function conectar() {
if(!($con=pg_connect("host=localhost port=5432 dbname=bd_scii user=postgres password=123456")))
{
echo"Error al conectar a la base de datos";
exit();
}
$this->conect=$con;
return true;
}
}
?>
este es consulta.php
<?php
include_once("cEmpleado.php");
//creamos el objeto $objempleados de la clase cEmpleado
$objempleados=new cEmpleado;
//la variable $lista consulta todos los empleados
$lista=...
este es el código 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 enviarDatosEmpleado(){
//donde se mostrará lo resultados
divResultado = document.getElementById('resultado');
divResultado.innerHTML= '<img src="anim.gif">';
//valores de las cajas de texto
cod=document.nuevo_empleado.codigo_usuario.value;
ced=document.nuevo_empleado.cedula_usuario.value;
nom=document.nuevo_empleado.nombre_usuario.value;
ape=document.nuevo_empleado.apellido_usuario.value;
car=document.nuevo_empleado.cargo_usuario.value;
stu=document.nuevo_empleado.status_usuario.value;
idd=document.nuevo_empleado.id_division.value;
//instanciamos el objetoAjax
ajax=objetoAjax();
//uso del medoto 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("codigo_usuario="+cod+"&cedula_usuario="+ced+"&nombre_usuario="+nom+"&apellido_usuario="+ape+"&cargo_usuario="+car+"&status_usuario="+sta+"&id_division="+idd)
}
function LimpiarCampos(){
document.nuevo_empleado.codigo_usuario.value="";
document.nuevo_empleado.cedula_usuario.value="";
document.nuevo_empleado.nombre_usuario.value="";
document.nuevo_empleado.apellido_usuario.value="";
document.nuevo_empleado.cargo_usuario.value="";
document.nuevo_empleado.status_usuario.value="";
document.nuevo_empleado.id_division.value="";
document.nuevo_empleado.codigo_usuario.focus();
}
este es index.php
<html>
<head>
<title>Registro con AJAX</title>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form name="nuevo_empleado" action="" onSubmit="enviarDatosEmpleado(); return false">
<h2>Nuevo empleado</h2>
<p>Codigo de Usuario
<label>
<input name="codigo_usuario" type="text" />
</label>
</p>
<p>Cedula
<label>
<input name="cedula_usuario" type="text" />
</label>
</p>
<p>Nombre
<label>
<input name="nombre_usuario" type="text" />
</label>
</p>
<p>Apellido
<label>
<input name="apellido_usuario" type="text" />
</label>
</p>
<p>Cargo
<label>
<input name="cargo_usuario" type="text" />
</label>
</p>
<p>Status
<label>
<select name="status_usuario">
<option value="0">Seleccione</option>
<option value="activo">Activo</option>
<option value="inactivo">Inactivo</option>
</select>
</label>
</p>
<p>Nombre de Division
<label>
<select name="id_division" >
<option value="0">Selecione</option>
<?
include_once("DBManager.php");
$pg = "select * from schema_scii.division order by nombre_division asc";
$pai = pg_query($pg);
while($rs_pai = pg_fetch_assoc($pai)){
?>
<option value="<?=$rs_pai['id_division']?>"><?=$rs_pai['nombre_division']?></option>
<? } ?>
</select>
</label>
</p>
<p>
<label>
<input type="submit" name="Submit" value="Grabar"/>
</label>
</p>
</form>
<div id="resultado"><?php include('consulta.php');?></div>
</body>
</html>
registro.php
<?php
include_once("cEmpleado.php");
//variables POST
$cod=$_POST['codigo_usuario'];
$ced=$_POST['cedula_usuario'];
$nom=$_POST['nombre_usuario'];
$ape=$_POST['apellido_usuario'];
$car=$_POST['cargo_usuario'];
$sta=$_POST['status_usuario'];
$idd=$_POST['id_division'];
sleep(2);
//creamos el objeto $objempleados
//y usamos su método crear
$objempleados=new cEmpleado;
if ($objempleados->crear($cod, $ced, $nom, $ape, $car, $sta, $idd)==true){
echo "Registro grabado correctamente";
}else{
echo "Error de grabacion";
}
include('consulta.php');
?>
este es la conexion
DBManager.php
<?php
class DBManager{
var $conect;
function DBManager(){
}
function conectar() {
if(!($con=pg_connect("host=localhost port=5432 dbname=bd_scii user=postgres password=123456")))
{
echo"Error al conectar a la base de datos";
exit();
}
$this->conect=$con;
return true;
}
}
?>
este es consulta.php
<?php
include_once("cEmpleado.php");
//creamos el objeto $objempleados de la clase cEmpleado
$objempleados=new cEmpleado;
//la variable $lista consulta todos los empleados
$lista=...
