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
Este es el espacio dedicado a los lectores. Por favor, siéntete libre para compartir tus opiniones relacionadas con los contenidos de este Blog.
Es de vital importancia tu comentario Gracias