Como envio variables sin pasar los Parametros

masterojitos · #1 (**permalink**) 03/09/2008, 09:58

Gracias de antemano por tu tiempo.

Por Favor, necesito un ejemplo o url, done pueda saber como hacer que si tengo un formulario, lograr pasarle los elementos de este a otra web con ajax, pero sin pasarle los parametros....

osea en vez de usar:
XMLRequest.open("GET",'pagina.php?a='+variable,tru e);

pueda enviar a pagina.php el parametro pero sin adjuntarlo en la url.

es algo asi como un server.transfer en asp o en php cuanto un formulario hace su submit.

foreverOdd · #2 (**permalink**) 03/09/2008, 10:15

mmm, quiza te sirva pasandolos con el post

XMLRequest.open("POST",'pagina.php,tru e);
XMLRequest.send("param1=1&param2=2");

si utilizas una libreria como Prototype o Mootools puedes enviar el formulario directamente

$('formId').request(); esto para prototype

masterojitos · #3 (**permalink**) 03/09/2008, 10:32

man gracias por la respuesta, pero en la primera solucion, igual pasas parametros..... y en la segunda, ps noc como utilizar para relacionar el prototype con el ajax..... si me dieras un ejemplo seria extraordinario e igual grracias.

foreverOdd · #4 (**permalink**) 03/09/2008, 10:57

esto lo tome prestado de la pagina de prototype

Código HTML:

<form id="person-example" method="POST" action="/user/info">
  <fieldset><legend>User info</legend>
  <div><label for="username">Username:</label>
    <input type="text" name="username" id="username" value="" /></div>
  <div><label for="age">Age:</label>
    <input type="text" name="age" id="age" value="" size="3" /></div>

  <div><label for="hobbies">Your hobbies are:</label>
  <select name="hobbies[]" id="hobbies" multiple="multiple">
    <option>coding</option>
    <option>swimming</option>
    <option>hiking</option>
    <option>drawing</option>
  </select>
 </div>
  <div class="buttonrow"><input type="submit" value="serialize!" /></div>
  </fieldset>
</form>

luego con JS haces:

Código:


$('person-example').request(); //done - it's posted

es bastante sencillo, solo debes leer el api de prototype, no es la gran cosa

esta es la pagina de donde saque el codigo

Suerte

GatorV · #5 (**permalink**) 03/09/2008, 11:04

Aunque ten en cuenta que de todos modos estaras pasando los parametros, ya que es la naturaleza de los requests via HTTP, se envian por GET o POST.

Saludos.

masterojitos · #6 (**permalink**) 03/09/2008, 12:02

gracias pro las respuestas, pero gasterv yo lo que decia es que deseo pasar parametros pero es decir, sin tener necesidad de concatenarlos, por que si tengo un formulario de 20 elementos, ps me seria dificil y aburrido, tener que concatenar cada uno de ellos, y pedia poder enviar todos de porraso y solo haya recogerlos.

de todas formas muchas gracias, decidi que ajax es solo bueno por perfomancia pero cuando llamas a paginas independientes que ejecutan codigos por si solas, no cuando tiene que hacer algo de la pagina que la llamo....... o algo asi creo.

philips · #7 (**permalink**) 04/09/2008, 00:03

Quizás lo resolverías creando un bucle que te cree el string params capturando los datos que te interesen directamente y luego ya puedes mandarlo con el método que prefieras. Algo así como:

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function mandardatos() {
	var parametros = new Array (
		'texto','value',
		'check','checked'
	);
	var params= "?";
	var expr;
	for (i=0; i<parametros.length;i=i+2) {
		eval ("expr = document.getElementById('"+parametros[i]+"')."+parametros[i+1]);
		params+=parametros[i]+"="+expr+"&";
	}
	params=params.substr(0,params.length-1);
	alert (params)
}
</script>
</head>

<body>
<form name="form" id="form">
  <input name="texto" type="text" id="texto" value="texto" />
  <input  name="check" type="checkbox" value="valor" id="check" />
  <input name="enviar" type="button" value="enviar" onclick="mandardatos()"/>
</form>
</body>
</html>