Creando el archivo JavaScript AJAX para enviar los datos al servidor
funciones.js
addEvent(window,'load',inicializarEventos,false);
function inicializarEventos()
{
var form=document.getElementById('miform');
addEvent(form,'submit',enviarDatos,false);
}
function enviarDatos(e)
{
if (window.event)
window.event.returnValue=false;
else
if (e)
e.preventDefault();
enviarFormulario();
}
var conexion1;
var conexion2;
function enviarFormulario()
{
conexion2=crearXMLHttpRequest();
conexion2.onreadystatechange = procesarEventosFor;
conexion2.open('POST','http://localhost/proyecto2/vistas/imarcas.php', true);
conexion2.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
conexion2.send(retornarDatos());
}
function procesarEventosFor()
{
var resultados = document.getElementById("detalles2");
if(conexion2.readyState == 4)
{
resultados.innerHTML = conexion2.responseText;
}
else
{
resultados.innerHTML = 'Procesando...';
}
}
function retornarDatos(){
var cadenaFormulario="";
var txtNombre = document.getElementById('descripcion').value;
var btnEnviar = document.getElementById('enviar').value;
var forma = document.getElementById('forma').value;
var product = document.getElementById('product').value;
cadenaFormulario ='descripcion='+encodeURIComponent(txtNombre)+
'&enviar='+encodeURIComponent(btnEnviar)+
'&product='+encodeURIComponent(product)+
'&forma='+encodeURIComponent(forma);
return cadenaFormulario;
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
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;
}
|
<-Validar datos de entrada del Cliente Creando CRUD PHP y MYSQL (Créate, Read, Update, Delete)->
No hay comentarios:
Publicar un comentario