Acerca de técnología AJAX

Duda con ajax

Tengo que hacer una web en la cual se puedan ingresar,modificar,eliminar,consultar y listar informacion de una base de datos mysql,para lo cual debo ocupar ajax y php.
Este codigo que agrego es para ingresar datos y funciona correctamente,pero si ahora quiero modificar,listar,consultar y eliminar informacion es necesario que ocupe un documento js con instrucciones ajax para cada necesidad(modificar,eliminar,etc),y en mis archivos html hacer una cosa de este tipo
<script src="ajaxingreso.js" language="JavaScript"></script>
<script src="ajaxmodifica.js" language="JavaScript"></script>
<script src="ajaxelimina.js" language="JavaScript"></script>
es decir ocupar un js para cada funcion,o se puede hacer todo en un mismo js,me refiero a ocupar un mismo documento ajax para enviar informacion,recibir,y ocuparlo para los procesos de eliminacion,modificar,etc.

Porque si ocupo diversos js tendre que repetir siempre el codigo para crear el objeto XMLHttpRequest y de la funcion addEvent que sirve para que ajax funcione en firefox y explorer.

Me podrian resolver esa duda,si ocupar diversos js o hacer todo en un archivo js y de esa forma evitar el repetir codigo(si se puede hacer todo en un js,me podria dar un ejemplo de como hacerlo :p).
gracias.

formulario html
PHP: 
<html>
<head>
<title></title>
<script src="ajax.js" language="JavaScript"></script>
</head>
<body>
<form id='formulario' method='post' action='pagina.php'>
Nombre:<input type='text' name='nombre' id='nombre'> <br>
Edad:<input type='text' name='edad' id='edad'> <br>
<input type='submit'  id='enviar' value='Enviar'> <br>
<div id="resultados"></div>
</form>
</body>
</html>
codigo ajax
PHP: 
addEvent(window,'load',inicializarEventos,false);

function inicializarEventos()
{
var ref=document.getElementById('formulario');
addEvent(ref,'submit',enviarDatos,false);
}

function enviarDatos(e)
{
if(window.evet)
window.event.returnValue=false;
else
if(e)
e.preventDefault();
enviarFormulario();
}

function retornarDatos()
{
var cad='';
var nom=document.getElementById('nombre').value;
var eda=document.getElementById('edad').value;
cad='nombre='+encodeURIComponent(nom)+'&edad='+encodeURIComponent(eda);
return cad;
}

var conexion;
function enviarFormulario()
{
conexion=crearXMLHttpRequest();
conexion.onreadystatechange=procesarEventos;
conexion.open('POST','pagina.php',true);
conexion.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
conexion.send(retornarDatos());
}

function procesarEventos()
{
var resultados=document.getElementById('resultados');
if(conexion.readyState==4)
{
resultados.innerHTML='GRACIAS';
}
else
{
resultados.innerHTML='Procesando...';
}
}

/*funcion para que ajax funcione en explorer y firefox y cualquier navegador*/

function addEvent(elemento,nomevento,funcion,captura)
{
if(elemento.attachEvent)
{
elemento.attachEvent('on'+nomevento,funcion);
return true;
}
else
if(elemento.addEventListener)
{
elemento.addEventListener(nomevento,funcion,captura);
return true;
}
else
return false;
}

function crearXMLHttpRequest()
{
var xmlHttp=null;
if(window.ActiveXObject)
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
else
if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
return xmlHttp;
}
esta es mi pagina php
PHP: 
<?php
$nombre=$_POST['nombre'];
$edad=$_POST['edad'];
mysql_connect('localhost','root','');
mysql_db_query('ajax',"insert into prueba(nombre,edad)value('$nombre','$edad')");
mysql_close();
?>
 
videotutoriales.com
ilarson
el curso mas completo en espñaol en flash son muchas horas ayi aprendi todo sobre ajax y ahora lo implemento en cualquier tecnologia del servidor
 

Los últimos mensajes

Los últimos temas

Arriba Pie
Atrás