AJAX

Que es?
• Asynchronous JavaScript And XML.
• Es un conjunto de técnicas de desarrollo
web (client side) para crear aplicaciones
web asíncronas.
• AJAX permite a las aplicaciones web
enviar y recibir data desde el servidor de
sin necesidad de refrescar la página.
Que es?

• En implementaciones modernas de AJAX

comúnmente utilizan JSON en vez de XML.
• En JavaScript se utiliza con el objeto
XMLHttpRequest o con la función fetch
HTTP Request
Que es?

• Es un mensaje que se envia desde el cliente

(aplicación web) al servidor (back end).
• Se envia através del protocolo HTTP (Hyper
Text Transfer Protocol) usando un HTTP
Method
HTTP Methods

• GET
• PATCH
• POST
• HEAD
• PUT
• OPTION
• DELETE
GET
Se utiliza para pedir data del recurso especificado

• Pueden ser Cacheables

• Permanecen en el histórico del browser
• Nunca deben ser usado para manejar data sensible
• Tiene restricción de longitud
• Solo son utilizados para pedir data, no modificar
POST
Se usa para enviar data al servidor para crear o
actualizar un recurso

• No son cacheados
• No se mantienen en el histórico del browser
• No tienen restricción de longitud de data
PUT
Usado para enviar data al servidor para crear o
modificar recursos.
A diferencia del POST las peticiones PUT son
idempotentes.
llamar una petición PUT multiples veces produce el
mismo resultado.
HEAD
Igual a las peticiones GET pero no retornan resultados

DELETE
Eliminan el recurso especificado
OPTION
Sirve para averiguar qué métodos HTTP soporta el
servidor web con respecto a un recurso en concreto

El browser hace este tipo de peticiones cuando se

intenta hacer una petición CORS (Cross-Origin Resource
Sharing)
JSON
Que es?

• JavaScript Object Notation

• Es un formato ligero de intercambio de
datos,
• Fácil lectura par los humanos y
• Fácil para ser generados e interpretados
por maquinas
Que es?
• Es un formato de texto completamente
independiente del lenguaje de
programación.
• Son representados como pares de
“Llave” : “Valor”.
• No son Ordenados.
 JSON

  "nombre" : "Samuel",

  "edad" : 31,

  "telefonos" : [ "809-777-8888", "829-665-3344" ]

}
JSON.parse
• Convierte un String en formato JSON a un
objeto Javascript

const strJson = '{ "name":"John", "age":30, "city":"New York"}'

const person = JSON.parse(strJson)

// {name: "John", age: 30, city: "New York"}
JSON.stringify
• Convierte un objeto Javascript a un JSON
String correspondiente al objeto especificado
const person = { 

  name: "John", 

  age: 30, 

  city: "New York" 

};

JSON.stringify(person)

// String -> {"name":"John","age":30,"city":"New York"}