Programación al Extremo

Buscar en este blog

sábado, 31 de marzo de 2012

JavaScript Ajax para él envió de Información al Servidor
Fecha de Publicación:
Publicado por:
Seguir Seguir en twitter
Seguir Seguir en facebook
Seguir Seguir en Google+

Programación al Extremo : PHP

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)->
Publicar un comentario