Ajax Json

2018
Diplomado WEBMASTER
CLASE II
Facilitador: Lcda. Lorenis Pardo

2018
Unidad II
AJAX y JQuery
Tema I1
Técnicas con AJAX y Jquery
Facilitador: Lcda. Lorenis Pardo

METODOS AJAX DE
JQUERY
Recordemos
¿Que es JavaScript?
• Es un lenguaje de programación HTML y la WEB para programar el comportamiento de las
páginas. “JavaScript (JS)” y “Java” son lenguajes completamente diferentes, en concepto y en
diseño.
¿Que es JQuery?
• Es una libreria de JS que simplifica la labor de programación en este mismo lenguaje, su slogan:
“Escribe menos, haz mas”. También simplifica una cantidad de cosas complicadas de JS, como
llamadas AJAX y manipulación del DOM.
• La sintaxis jQuery está hecha a medida para seleccionar elementos HTML y realizar alguna
acción en el o los elementos.
Diplomado WEBMASTER – JSON Y AJAX

METODOS AJAX DE
JQUERY
Selectores
$("#demo") Selecciona elemento con id="demo"

$("*") Selecciona Todos los Elementos
$(this) Selecciona elemento actual
$("p.intro") Selecciona todos los elementos <p> con la clase ="intro"
$("p:first") Selecciona el primer elemento <p>
$("ul li:first") Selecciona el primer elemento <li> del primer <ul>
$("ul li:first-child") Selecciona el primer elemento <li> de cada <ul>
$("[href]") Selecciona todos los elementos con un atributo href
$("a[target='_blank']") Selecciona todos los elementos <a> con un valor de atributo destino igual a
"_blank"
$("a[target!='_blank']") Selecciona todos los elementos <a> con valor de atributo destino diferente
a "_blank"
$(":button") Selecciona todos los elementos <button> y elementos <input> de tipo
type="button"
$("tr:even") Selecciona todos los elementos par <tr>
$("tr:odd") Selecciona todos los elementos impares <tr>

METODOS AJAX DE
JQUERY
Métodos
Eventos del Eventos del Eventos de Eventos de

Ratón Teclado Formularios Ventanas/Documentos
click keypress submit load
dblclick keydown change resize
mouseenter keyup focus scroll
mouseleave blur unload

METODOS AJAX DE
JQUERY
Método ajax() (Jquery)
Es el método principal para realizar peticiones AJAX. Su sintaxis es:
$.ajax({name:value, name:value, ... })
Método load() (Jquery)

Es un método de AJAX que carga datos desde el servidor y coloca su resultado en el elemento
seleccionado.
$(selector).load(URL – que se desea cargar,
data – datos pares de la consulta,
callback – función que se ejecuta al terminar load());
Método jQuery $.get()

Hace una solicitud de datos al servidor con una petición HTTP GET
$.get(URL,callback);
Método jQuery $.post()

Solicita datos al servidor usando una petición HTTP POST
$.post(URL,data,callback);

Ejemplo 1 AJAX

<html> Mensaje.txt
<head> ======================
<title>Primer ejemplo con AJAX</title> Hola
</head> Participantes
<body> de la Cohorte 26!
<h2>Primer ejemplo con AJAX</h2>
<script>
// 1. Instanciamos el objeto XMLHttpRequest
conexion= new XMLHttpRequest();

// 2. Indicamos un manejador de eventos para cuando
llegue la información
conexion.onreadystatechange=function() {
if (this.readyState == 4 ) {
// Va mostrar la información obtenida en la llamada
alert( this.responseText );
}
}
// 3. Hacemos la llamada
conexion.open("GET", "mensaje.txt" );
conexion.send(null);
</script>
</body>
</html>

Practica Final
 Usted ha sido contratado por la Farmacia Zulia para desarrollar
un sitio web, Dicha farmacia tiene sucursales en distintas
ciudades del estado, provee de suministros, medicamentos e
insumos.
 Debe permitir al cliente consultar la disponibilidad de un

medicamento en todas las sucursales indicando la cantidad de
productos disponibles en cada uno de ellas, para hacerlo mas
amigable usuario use la predicción para la búsqueda.
 Además debe permitir realizar consulta de todos los productos

en una sucursal en particular que será seleccionada desde un
combo.
 Cualquier función adicional tendrá puntuación EXTRA

Ajax Json

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ajax Json

Uploaded by

Copyright:

Available Formats

2018

Facilitador: Lcda. Lorenis Pardo

Facilitador: Lcda. Lorenis Pardo

Diplomado WEBMASTER – JSON Y AJAX

$("#demo") Selecciona elemento con id="demo"

Diplomado WEBMASTER – JSON Y AJAX

Eventos del Eventos del Eventos de Eventos de

Diplomado WEBMASTER – JSON Y AJAX

Método load() (Jquery)

Método jQuery $.get()

Método jQuery $.post()

Diplomado WEBMASTER – JSON Y AJAX

conexion= new XMLHttpRequest();

Diplomado WEBMASTER – JSON Y AJAX

 Debe permitir al cliente consultar la disponibilidad de un

 Además debe permitir realizar consulta de todos los productos

You might also like