Temas > Programacion > Java script - Java > Pasando datos por los metodos GET y POST en jQuery
Julio

$.get y $.post(Pasando datos al servidor
por los métodos GET y POST)
Utilizamos estas funciones cuando no queremos inyectar 
directamente los datos a nuestra página, sino que queremos 
procesarlos y eventualmente agregarlos en distintas partes.
La sintaxis de la función $.get es distinta a la ya utilizada $, en 
este caso es una función global de la librería jQuery:
$.get([nombre de la página],[parámetros a enviarse por el método 
get], [función que recibe los datos del servidor])
También podemos llamarla:
jQuery.get([nombre de la página],[parámetros a enviarse por el 
método get], [función que recibe los datos del servidor])
La función $.post es idéntica a la función $.get, lo único que difiere

es como el protocolo HTTP empaqueta los datos y los envía al servidor.
Normalmente se utiliza la función $.post, ya que no está limitado la 
cantidad de datos que se pueden enviar al servidor.
Problema:Implementar una aplicación que calcule el cuadrado de un 
número que ingresamos por teclado. La operación se realiza en el
servidor, 
le enviamos los datos mediante la función de jQuery $.get
pagina1.html
<?php //esto no va
 <html>
 <head>
 <title>Problema</title>
 <script type="text/javascript" src="../jquery.js"></script>
 <script type="text/javascript" src="funciones.js"></script>
 </head>
 <body>
 <form action="pagina1.php" method="post" id="formulario">
 Ingrese nro:<input type="text" name="nro" id="nro"
 size="10"><br>
 <input type="submit" value="Calcular el cuadrado" id="enviar">
 <div id="resultados"></div>
 </form>
 </body>
 </html>
?>//esto no va
funciones.js
<?php //esto no va
 var x;
 x=$(document);
 x.ready(inicializarEventos);
 function inicializarEventos()
 {
   var x;
   x=$("#enviar");
   x.click(presionSubmit);
 }
 function presionSubmit()
 {
   var v=$("#nro").attr("value");
   $.get("pagina1.php",{numero:v},llegadaDatos);
   return false;
 }
 function llegadaDatos(datos)
 {
   alert(datos);
 }
?>//esto no va
pagina1.php
 <?php
 $cuadrado=$_REQUEST[`numero`]*$_REQUEST[`numero`];
 echo $cuadrado;
 ?>
?>//esto no va
Veamos el código JavaScript para comunicarse con el servidor:
Primero en la función inicializarEventos enlazamos el evento 
click al botón submit del formulario:
<?php //esto no va
function inicializarEventos()
{
  var x;
  x=$("#enviar");
  x.click(presionSubmit);
}
?>//esto no va
Cuando presionamos el botón extraemos el valor del control 
text y llamamos a la función $.get indicando el nombre de la página 
a llamar, un objeto literal con todos los parámetros y sus valores (en 
este caso solo tenemos un parámetro llamado numero) y finalmente 
el nombre de la función que se ejecutará cuando lleguen los
datos del servidor:
<?php //esto no va
function presionSubmit()
{
  var v=$("#nro").attr("value");
  $.get("pagina1.php",{numero:v},llegadaDatos);
  return false;
}
?>//esto no va
La función que se ejecuta cuando llegan los datos del servidor recibe 
un string:
<?php //esto no va
function llegadaDatos(datos)
{
  alert(datos);
}
?>//esto no va













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
     12
3456789
10111213141516
17181920 212223
24252627282930
31      

Viernes 21 de Marzo 2025
Semana 12



Java script - Java


-Input type submit con evento onclick
-Maneras de salir de un iframe con java script
-Sintaxis de un list array en java
-Consumir un JSON desde PHP
-Producir JSON desde PHP
-Mostrar un tooltip con datos recuperados en jQuery
-Menu desplegable en jQuery
-Llamadas encadenadas de metodos del objeto jQuery
-Funcion ajax en jQuery
-JSON en jQuery
-Ajax metodos ajaxStart y ajaxStop en jQuery
-Ajax metodo load en jQuery
-Iteracion por los elementos each en jQuery
-Efecto con el metodo toggle en jQuery
-Efecto con el metodo fadeTo en jQuery
-Efectos con los metodos fadeIn y fadeOut en jQuery
-Efectos con los metodos show y hide en jQuery
-Manipulacion de los elementos del DOM en jQuery
-Evento blur en jQuery
-Evento focus en jQuery
-Evento dblclick en jQuery
-Eventos mousedown y mouseup en jQuery
-Evento mousemove en jQuery
-Evento hover en jQuery
-Eventos mouseover y mouseout en jQuery
-Administracion de eventos con jQuery
-Metodos html y html valor en jQuery
-Metodos addClass y removeClass en jQuery
-Metodos attr y removeAttr en jQuery
-Metodos text, text valor en jQuery
-Seleccion de elementos con la clase CSS definida
-Seleccion de elementos utilizando el selector CSS
-Seleccion de elementos por el tipo de elementos jQ
-Seleccion de un elemento mediante el id jQuery
-Nueva manera de programar JavaScript con jQuery
-Que es el jQuery
-Archivo JavaScript externo
-Propiedad screen del objeto window en java script
-Propiedad location de objeto window en java script
-El objeto window en java script
-Eventos onMouseOver y onMouseOut en java script
-Eventos onFocus y onBlur en java script
-Control TEXTAREA en java script
-Control RADIO en java script
-Control CHECKBOX en java script
-Control SELECT en java script
-Control PASSWORD en java script
-Controles FORM, BUTTON y TEXT en java script
-Formularios y Eventos en java script
-Clase Math en java script
-Clase String en java script
-Clase Array en java script
-Clase Date en java script
-Programacion orientada a objetos en java script
-Funciones que retornan un valor en java script
-Funciones con parametros en java script
-Funciones en java script
-Estructura repetitiva for en java script
-Estructura repetitiva do while en java script
-Concepto de acumulador en java script
-Estructura repetitiva (while) en java script
-Operadores logicos or en las estructuras java s
-Operadores logicos (and) en las estructuras java s
-Estructuras condicionales anidadas en java script
-Estructuras condicionales compuesta en jaca script
-Estructuras condicionales simples en java script
-Estructuras secuenciales en java script
-Entrada de datos por teclado en java script
-Variables en java script
-Que es JavaScript
-Lectura y escritura de archivos en java
-Entrada y salida estandar en Java
-Programa para contar vocales de un fichero en java
-Convertidor de divisas en java
-Form con una ventana nueva
-Seleccionar un elemento html mediante su id
..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar