Este documento explica cómo usar diferentes funciones de AJAX en jQuery. Describe funciones como jQuery.get para hacer peticiones HTTP GET, jQuery.post para peticiones POST, jQuery.getJSON para datos JSON, jQuery.load para cargar resultados directamente en un elemento, y jQuery.ajax para controlar todas las opciones de una petición AJAX. También cubre conceptos como asincronía, envío de datos, manejo de errores y más.
Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página.
Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model
1
(DOM).
Estas aplicaciones se ejecutan en el navegador (cliente) de los usuarios.
Ajax, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones.
Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se solicitan al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página.
Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model
1
(DOM).
Estas aplicaciones se ejecutan en el navegador (cliente) de los usuarios.
Cómo consumir un web service SOAP usando jsp sobre un servidor web GlasFish. El ejemplo es un servicio que genera la CURP (DNI) de una persona y un formulario web cliente que lo consume.
Cómo consumir un web service SOAP usando jsp sobre un servidor web GlasFish. El ejemplo es un servicio que genera la CURP (DNI) de una persona y un formulario web cliente que lo consume.
Los servicios web son una herramienta fantástica para los desarrolladores de páginas web. Tenemos a nuestra disposición una ingente cantidad de información incorporada a nuestras páginas actualizada y en tiempo real.
Porfolio livings creados por Carlotta Designpaulacoux1
La sección de porfolio de livings de Carlotta Design es una muestra de la excelencia y la creatividad en el diseño de interiores. Cada proyecto en el porfolio refleja la visión única y el estilo distintivo de Carlotta Design, mostrando la habilidad del equipo para transformar espacios en ambientes acogedores, elegantes y funcionales. Desde salas de estar modernas y contemporáneas hasta espacios más tradicionales y clásicos, la variedad de estilos y diseños en el porfolio demuestra la versatilidad y la capacidad del equipo para adaptarse a las necesidades y gustos de cada cliente.
Las fotografías de alta calidad en el porfolio capturan la atención al detalle, los materiales de alta calidad y la combinación de texturas y colores que hacen que cada sala de estar sea única y especial. Además, la sección de porfolio de livings de Carlotta Design destaca la integración de muebles y accesorios cuidadosamente seleccionados para crear ambientes armoniosos y sofisticados.
En resumen, la sección de porfolio de livings de Carlotta Design es una ventana a la excelencia en el diseño de interiores, mostrando el talento y la dedicación del equipo para crear espacios extraordinarios que reflejan la personalidad y el estilo de cada cliente.
Del caos surge mi perfección.
Soy valen! Siempre en una búsqueda constante en el equilibrio de ambas, donde encuentro mi verdadera yo, apreciando la belleza de la imperfección mientras acepto los desafíos y errores, y desafiando mi caos para alcanzar mi perfección.
Soy una mente inquieta, siempre buscando nuevas
inspiraciones en cada rincón.Encuentro en las calles y en los detalles cotidianos los colores vibrantes y las formas audaces que alimentan mi creatividad y a través de ellos tejo collages en mi imaginación, donde mi energía juega un papel fundamental en cada textura, cada forma, cada color mostrando mi esencia capturada.
Soy una persona que ama desafiar las convenciones establecidas, por eso tomo la moda y el arte como
referentes hacia mi inspiración, permitiéndome expresarme con libertad mi identidad de una manera única.
Soy la búsqueda de la estética, que es mi guía en cada viaje creativo, así creando una imagen única que genere armonía y impacto visual.Sin embargo, no podría lograr esta
singularidad sin el uso de la ironía como aliada en mi búsqueda de la originalidad.
Soy una diseñadora con un proceso creativo
llamado: rompecabezas donde al principio se encuentran miles de piezas desordenadas sobre la mesa para que luego cada pieza encaje perfectamente para crear una imagen
Porfolio de diseños de Comedores de Carlotta Designpaulacoux1
calidad en el porfolio capturan la atención al detalle, la calidad de los materiales y la armonía de colores y texturas en cada diseño. El cuidadoso equilibrio entre muebles, iluminación y elementos decorativos se destaca en cada espacio, creando ambientes acogedores y sofisticados.
En resumen, la sección de porfolio de comedores de Carlotta Design es un reflejo del compromiso del equipo con la excelencia en el diseño de interiores, mostrando su habilidad para crear ambientes únicos y personalizados que sobresalen por su belleza y funcionalidad
Arquitectura Ecléctica e Historicista en Latinoaméricaimariagsg
La arquitectura ecléctica e historicista en Latinoamérica tuvo un impacto significativo y dejó un legado duradero en la región. Surgida entre finales del siglo XIX y principios del XX, esta corriente arquitectónica se caracteriza por la combinación de diversos estilos históricos europeos, adaptados a los contextos locales.
El movimiento moderno en la arquitectura venezolana tuvo sus inicios a mediados del siglo XX, influenciado por la corriente internacional del modernismo. Aunque inicialmente fue resistido por la sociedad conservadora y los arquitectos tradicionalistas, poco a poco se fue abriendo camino y dejando una huella importante en el país.
Uno de los arquitectos más destacados de la época fue Carlos Raúl Villanueva, quien dejó un legado significativo en la arquitectura venezolana con obras como la Ciudad Universitaria de Caracas, considerada Patrimonio de la Humanidad por la UNESCO. Su enfoque en la integración de la arquitectura con el entorno natural y la creación de espacios que favorecen la interacción social, marcaron un punto de inflexión en la arquitectura venezolana.
Otro arquitecto importante en la evolución del movimiento moderno en Venezuela fue Tomás Sanabria, quien también abogó por la integración de la arquitectura con el paisaje y la creación de espacios abiertos y funcionales. Su obra más conocida es el Parque Central, un complejo urbanístico que se convirtió en un ícono de la modernidad en Caracas.
En la actualidad, el movimiento moderno sigue teniendo influencia en la arquitectura venezolana, aunque se ha visto enriquecido por nuevas corrientes y enfoques que buscan combinar la modernidad con la identidad cultural del país. Proyectos como el Centro Simón Bolívar, diseñado por el arquitecto Fruto Vivas, son ejemplos de cómo la arquitectura contemporánea en Venezuela sigue evolucionando y adaptándose a las necesidades actuales.
1x10.documento bueno para comunidades jefas y jefes de comunidades q les soli...
Como usar ajax con jquery
1. Como usar AJAX con jQuerytodo lo que necesitas saber
Ajax en jQuery la explicación que faltaba, con todos los ejemplos
Vamos a ver las mejores maneras de utilizar AJAX junto a jQuery
En primer lugar expliquemos que AJAX es una tecnología bastante madura por la cual
los navegadores pueden realizar peticiones web sin recargar completamente la página.
La librería jQuery tiene una serie de funciones muy convenientes con las cuales
podremos simplificar el uso de AJAX para todos los navegadores soportados.
Hay varias funciones que implican el uso de AJAX en jQuery a continuación te
presentamos las más comunes y una breve descripción de su caso de uso más común. Es
importante tener presente este resumen porque la al haber tantas funciones uno no sabe
exactamente cuál usar, esta lista los ayudará con esa decisión.
jQuery.get: hace una petición HTTP GET debería ser uno de los usos más
comunes, sobre todo cuando no deseas mandar muchos datos al servidor o para
acciones que no modifican el estado del server.
jQuery.post: hace una petición HTTP POST deberías usarla cuando queres
enviar muchos datos al servidor o cuando deseas modificar el estado del server.
jQuery.getJSON: Si quien responde envia JSON, este es un buen método para
simplificar la llamada porque te entregará el objeto listo para usar.
jQuery.load: muy popular entre los usuarios de jQuery, esta petición pone el
resultado directamente en el elemento desde que se llamó.
jQuery.ajax o $.ajax: es la función más generica o de más bajo nivel con esta
podrás hacer cualquiera de los llamados AJAX que se logran con las otras.
jQuery.get e introducción a llamadas asincrónicas
La forma más sencilla de la función es $.get(url) dónde url es el recurso que
queremos solicitar. Al ejecutar ese código simplemente le diremos a nuestro navegador
que abra una petición a esa url y que no haga nada con el resultado. No estaríamos
haciendo nada en la página, pero tal vez nos interese para notificar al server de algo (por
ejemplo hacerlo cada cierto tiempo para no que no se desloguee un usuario).
La forma más común de esta función es en realidad $.get(url,
function(resultado) {}) con esta forma estamos pasando una función que se
ejecutará con el resultado cuando la petición termine. Es importante entendender que las
peticiones en AJAX son por defecto asincrónicas, esto significa que el javascript
continuará la ejecución de las siguientes instrucciones que sigan a una petición y en otro
hilo de ejecución comenzará a realizar la entrada y salida necesaria para la petición.
¿No entendiste nada de asincrónico y entrada/salida? mira el siguiente ejemplo:
2. log('Comienzaejecución');
$.get('/feeds/posts/default', function(data) {
log('Termino de cargar la primer petición');
});
$.get('/feeds/posts/default', function(data) {
log('Termino de cargar la segunda petición');
});
log('Última línea del programa');
Comienza ejecución Última línea del programa Termino de cargar la primer petición
Termino de cargar la segunda petición
Si le das al botón ejecutar, verás que los logs que deja el programa no están en el orden
en que aparecen textualmente. Esto es porque como dijimos el hilo de ejecución no se
detiene a esperar la finalización de una llamada AJAX, simplemente continua con el
programa y otro hilo de ejecución de tu navegador se ocupará de realizar las peticiones
y a medida que las termine llamará a las funciones (usualmente conocidas como
callbacks) con el resultado de la ejecución que le pasaste en cada llamada a get. Este
estilo de programación se conoce como entrada/salida no bloqueante y es muy común
en Javascript, y se encuentra en contraposición al estilo bloqueante tradicional de
entrada y salida de otros lenguajes/entornos (como C, Java, etc). Últimamente se puso
muy de moda por el entorno node.js.
jQuery.post haciendo una petición POST y su diferenciación con .get
Con este método haremos una petición HTTP de tipo POST, usualmente útilizadas para
realizar una acción que cambie el estado del servidor. ¿A qué me refiero? Cuando vos te
traes una lista de usuarios generalmente no estás modificando para nada el estado del
servidor. Simplemente estás solicitando un listado y no modificas ninguno de sus datos.
El servidor seguramente hará una querysql de tipo SELECT ...y tu petición no causará
ninguna modificación en el estado del servidor. Ese tipo de peticiones suelen (y
deberían hacerse) con peticiones de tipo get (utilizando la función $.get).
Contrariamente si uno actualiza un nombre de usuario, o borra un usuario estaría
causando un cambio en el servidor por lo que lo correcto es usar una petición POST con
la función $.post. Otra razón para utilizar una petición POST es si la cantidad de datos
a enviar al servidor es muy grande (las peticiones GET envian los datos como parte de
la URL y algunos servidores web limitan el tamaño que una URL puede tener).
Veamos el mismo ejemplo anterior pero ahora utlizando peticiones POST:
Comienza ejecución Última línea del programa Termino de cargar la segunda petición
Terminojj de cargar la primer petición
Como verán cambiar la función get por post no cambia el caracter asincrónico del
programa, ya que como dijimos todas las llamadas AJAX son por defecto asincrónicas.
Lo siguiente es mostrar un ejemplo en dónde enviamos datos al servidor.
3. Como dijimos en el caso de $.get los datos se enviarán como parte de la URL
(usualmente a estos datos se los llama querystring y toman la forma de
?clave=valor&clave2=valor2) en cambio en el caso de POST los datos seran parte
del cuerpo de la petición. Por dar el ejemplo más común de un lenguaje servidor: en
PHP podrás acceder a los datos enviados por AJAX con: $_GET["clave"],
$_POST["clave"] o si queres revisar los dos el conveniente $_REQUEST["clave"].
Visto esto veamos dos ejemplos en los que enviamos datos al servidor, la forma es igual
para get y post:
$.post("/test.php", {clave: "valor"}, function(respuesta) {
console.log("La respuesta es:", respuesta)
});
$.post("/test.php", {clave: "valor"}, function(respuesta) {
console.log("La respuesta es:", respuesta)
});
Consejo para debugguear: los programadores suelen utilizar las herramientas que
brinda el navegador para poder ver exactamente que peticiones esta haciendo la página
web que están programando. En el caso del navegador Google Chrome esto lo puedes
ver en la pestaña de Network o de Red de las herramientas para el desarrollador,
accediendo desde Herramientas. En el caso de Firefox puedes bajarte la excelente
extensión Firebug que también cuenta con la misma pestaña.
Si querés probar en tu propio servidor podrías generar un archivo test.php con el
siguiente contenido:
<?php
var_dump($_REQUEST);
Trabajando con JSON getJSON
Suele ser bastante común que las páginas planeadas para el uso de AJAX utilicen JSON
como lenguaje de intercambio con el servidor. Esto permite que el servidor responda de
manera liviana sin toda la sobrecarga que implica el uso de HTML, y con la ventaja de
que los datos recibidos son fácilmente parseables por el navegador. La función
$.getJSON realiza (a igual que $.get) una petición GET, con la diferencia de que
esperará como respuesta del servidor JSON bien formado.
Veamos primero como podría ser esta vez el archivo test-json.php
<?php
$datos = array("mensaje" => "Hola soy json", "error" => false);
echojson_encode($datos);
Veamos ahora el programa que podría pedir por estos datos:
$.post("/test-json.php", function(respuesta) {
console.log("La respuesta ya viene en forma de objeto:",
respuesta.mensaje, respuesta.error)
});
4. Si todo fue bien en el callback recibirás un objeto javascriptconstruído a partir del json
enviado por el servidor.
NOTA SOBRE ERRORES: no es poco común ver errores de CrossOrigin entre los
que empiezan a utilizar AJAX. Estos errores se deben a que debido a políticas de
seguridad los navegadores sólo permiten hacer peticiones al mismo dominio desde
dónde cargo la página. Es decir uno no podría hacer una petición AJAX a google.com si
el navegador se encuentra en la página de Codigo Fuente. Este problema puede
solucionarse utilizando otras técnicas como JSONP que implica el uso de tagsscript,
pero esta técnica es algo más compleja y la veremos en algún otro artículo.
jQuery.load utilizando el resultado rápidamente
Este es otro de los métodos que permite hacer una petición GET, la diferencia es que
cuando es llamado desde un elemento, el contenido de ese elemento sera cargado por la
respuesta de la petición. Esta técnica es útil para llenar un div o elemento rápidamente
con una respuesta AJA. Si se proporciona un callback, el callback se ejecutará después
de cargarse el elemento.
$("#destino").load("/test.php", function() {
console.log("Este mensaje se ejecutará luego de que se cargue el div
con id = destino");
});
Una de las funciones desconocidas de $.load que la mayoría de los desarrolladores
ignora es que a la misma respuesta se le puede aplicar un filtro por selectores para usarla
parcialmente. Esto significa que si del html que nos responde el servidor queremos
utilizar sólo un div podremos seleccionarlo con los típicos selectores de jQuery (que si
por no lo sabías son selectores CSS).
$("#destino").load("/test.php #detalles"); // de lo que responda
test.php solo nos quedamos con el div id="detalles"
jQuery.ajax la función bajo nivel
Esta es la función de más bajo nivel que posee jQueryutilizandola podremos controlar
todos los aspectos importantes de la petición AJAX que estemos haciendo.
Veamos un ejemplo:
$.ajax("/test.php", {
"type": "post",
// usualmente post o get
"success": function(result) {
console.log("Llego el contenido y no hubo error", result);
},
"error": function(result) {
console.error("Este callback maneja los errores", result);
},
"data": {clave: "Valor a enviar al servidor"},
"async": true,
});
5. Es interesante el último de los parametros porque permite apagar el comportamiento
asincrónico de la petición lo que causaría que antes de ejecutar la siguiente instrucción
javascript espere a que se termine de ejecutar la petición.