cual es la diferencia entre el método pos y el método get en ajax

jor_0203 · #1 (**permalink**) 16/01/2012, 02:19

cual es la diferencia entre el método pos y el método get en ajax

que es lo que debo agregar y que debo quitar para usar métodos

Código PHP:

Ver original<html>
<head>
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url,cfunc)
{
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=cfunc;
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  });
}
</script>
</head>
<body>
 
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="myFunction()">Change Content</button>
 
</body>
</html>

caricatos · #2 (**permalink**) 16/01/2012, 02:45

Hola:

La diferencia se parece a los envíos normales. con get debe leerse la url, o sea los parámetros van detrás del caracter "?" en la línea de comandos, entonces la instrucción send no lleva contenidos.
Con post, en ajax debes poner esos parámetros tal como de construyen por el método get detrás del "?", pero dentro de la instrucción send. Por otro lado debes pasar también la cabecera con setRequestHeaders porque la estándar es text/plain (creo).

Saludos

zerokilled · #3 (**permalink**) 16/01/2012, 02:55

buenas,
la diferencia de GET y POST en xhr (aka ajax) es exactamente la misma como cuando lo empleas en un formulario. solo que con xhr tienes que tomar medidas adicionales si vas a enviar datos. en xhr, manualmente tienes que constuir los datos mientras que un formulario lo hace por ti. además, la forma de enviar los datos dependerá del método. cuando usas GET, los datos debes indicarlos al inicializar el objeto. es decir, los datos lo pegas junto en la URL indicada en open. por el contrario, en POST los datos lo envias por el método send.

jor_0203 · #4 (**permalink**) 16/01/2012, 20:34

Cita:

Iniciado por caricatos

Hola:

La diferencia se parece a los envíos normales. con get debe leerse la url, o sea los parámetros van detrás del caracter "?" en la línea de comandos, entonces la instrucción send no lleva contenidos.
Con post, en ajax debes poner esos parámetros tal como de construyen por el método get detrás del "?", pero dentro de la instrucción send. Por otro lado debes pasar también la cabecera con setRequestHeaders porque la estándar es text/plain (creo).

Saludos

pero tu como modificarias este escrito para ver la diferencia

jor_0203 · #5 (**permalink**) 16/01/2012, 20:35

Cita:

Iniciado por zerokilled

buenas,
la diferencia de GET y POST en xhr (aka ajax) es exactamente la misma como cuando lo empleas en un formulario. solo que con xhr tienes que tomar medidas adicionales si vas a enviar datos. en xhr, manualmente tienes que constuir los datos mientras que un formulario lo hace por ti. además, la forma de enviar los datos dependerá del método. cuando usas GET, los datos debes indicarlos al inicializar el objeto. es decir, los datos lo pegas junto en la URL indicada en open. por el contrario, en POST los datos lo envias por el método send.

pero tu como modificarías mi escrito par ver que es loque le cambio
mil gracias

zerokilled · #6 (**permalink**) 16/01/2012, 22:16

no le tienes que cambiar mucho o nada salvo el detalle que comenta caricatos. si vas a enviar datos por GET, no le tienes que hacer ningún cambio. solo que en la URL tienes que agregar los parámetros. por ejemplo, file.ext?param=value&p=v. si vas a enviar por POST, entonces tienes que declarar el content-type para el servidor comprenda que el contenido es de un tipo en particular. además, los datos los envias en send. siguiendo el ejemplo anterior, la URL es file.ext y send, send("param=value&p=v"). eso es lo fundamental pero también puedes hacer adaptaciones para hacer cómodo algunas tareas. por ejemplo, una función genérica para ensamblar los parámetros a partir de un objeto. de esa forma no tienes que preocuparte por formar los parámetros manualmente.

IsaBelM · #7 (**permalink**) 17/01/2012, 06:39

otra diferencia está en la cantidad de datos a enviar. si se envían mas de 512 bytes hay que usar post, por el contrario si la cantidad es menor se puede usar get. esto es también válido por el envío de un formulario

y como creo que tu siguiente pregunta será; por qué el tercer parámetro es true/false. esto tiene que ver con el tipo de respuesta que se va a recibir (síncrona(false) o asíncrona(true)).
esto quiere decir que si usamos false, la página quedará bloqueada hasta que se reciba una respuesta. mientras que si usamos true, podremos seguir interactuando con la página. es algo como lo que se viene a llamar flush (se libera la información a medida que se va obteniendo)