Manual de Ajax usando el método POST

Aprendiendo lo básico de ajax con el método post
Ajax y El método POST Por Ajaxman 31/07/2007

. el action es un javascript.html _________________________________________________________________ <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1. a otro archivo. Pagina_dinamica_post. primero necesitamos agregarle a nuestra página web.” method=”get”> <input name=”nombre” id=”nombre” type=”text”/> <input type=”button” name=”aceptar” value=”Aceptar” onclick=”_Ajax().”/> </form> <div id=”resultado”> </div> </body> </html> ____________________________________________________________________ Ahora vamos por partes. cuando alguien le da enter y es el ultimo o único campo del formulario este se enviara la pagina que este.w3.org/1999/xhtml”> <head> <title>Metodo post con ajax</title> <script language=”JavaScript” type=”text/javascript”> /*<![CDATA[*/ function _Ajax() { } /*]]>*/ </script> </head> <body> <form action=”javascript:_Ajax().org/TR/xhtml1/DTD/xhtml1-strict. Creamos como siempre la pagina que es donde realizaremos las peticiones via javascript.0 Strict//EN” “http://www. por eso si. el formulario se enviara a la función. indicada en el action.dtd”> <html xmlns=”http://www.Manual de Ajax usando el método POST 2007 Ahora revisaremos como poder utilizar el método “post” con ajax. un formulario con un action a javascript.w3. esto es necesario porque.

con algún nombre que caracterice su funcionamiento.onreadystatechange=function(){ if(ajax.XMLHTTP” : “Msxml2.open(”POST”.true). ajax.getElementById(’resultado’).readyState==4) { var respuesta=ajax.innerHTML=respuesta. “application/x-www-formurlencoded”).userAgent. Al cual. con el cual llamamos a una función. } } ajax.”ajax_post.getElementById(’nombre’).send(”nombre=”+nombre+”&otravariable=1″).Manual de Ajax usando el método POST 2007 No es necesario indicarle al formulario que use método POST ya que se indicara en las funciones javacript. Recordemos que para el nombre de la función no es necesario que se llame _ajax.indexOf(”MSIE 5?) >= 0 ? “Microsoft. document. Luego lo instanciamos de la siguiente manera: var ajax=new XMLHttpRequest(). no es necesario agregarle un id.value.XMLHTTP” ). Generamos El objeto ajax(Si tienes dudas sobre como crearlo puedes checar el manual de Ajax con metodo GET): if ( typeof XMLHttpRequest == “undefined” ) XMLHttpRequest = function(){ return new ActiveXObject( navigator.responseText.php”.setRequestHeader(”Content-Type”. pues no los necesita. ajax. }. se puede llamar de cualquier forma. } . un evento on click. y le asignamos. en este caso no es necesario agregarle parámetros. sin embargo es mejor nombrarla. ajax. Ahora creamos la función que se encargara de hacer la petición a la otra página web: function _Ajax() { var nombre=document.

”ajax_post. simplemente las concatenamos.true). “application/x-www-formurlencoded”). ya que no es necesario enviar más datos. .php _______________________________ <?php var_dump($_POST). como si fueran por get. Ahora creamos la página ajax_post.open(”POST”. Este método nos va a permitir añadir encabezados a nuestro archivo que genere el proceso. ya tenemos nuestra segunda aplicacion con ajax. En este caso enviaremos. en este caso. En este ejemplo usaremos el método post y basta con escribirlo en el primer argumento de nuestro método open ajax.setRequestHeader(”Content-Type”.Manual de Ajax usando el método POST 2007 Veamos los puntos importantes de la función anterior: El nombre de la función: ajax. ajax. digamos que examina las variables que uno le indique. El valor por defecto de este atributo es “application/x-www-form-urlencoded”. null. Para los que no sepan que es var_dump. ?> _______________________________ y listo. quien recibió por post y las muestra.php”. en este caso se le añade el tipo de contenido usado para enviar el formulario al servidor (cuando el valor del atributo method sea “post”). si queremos usar mas variables. revisa todas las variables. aunque en este caso usamos método post. En el ultimo método vemos que es por donde se envían las variables.send(”nombre=”+nombre+”&otravariable=1″).

net .Ajaxman.Manual de Ajax usando el método POST 2007 Puede encontrar este y otros artículos además de más información en la Página web de www.