Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollo FrontEnd con JavaScript - S03 (I)

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Gustavo Leon Gustavo Leon
November 17, 2013
Programming
76
0

Desarrollo FrontEnd con JavaScript - S03 (I)

S03 - Peticiones asíncronas con XMLHttpRequest:
- Objeto XHR
- JSON

Avatar for Gustavo Leon

Gustavo Leon

November 17, 2013

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
Avatar for Gustavo Leon hpneo
0
360
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
400
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
550
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
350
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
740
Xamarin
Avatar for Gustavo Leon hpneo
1
320
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
120
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
76
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
110

Other Decks in Programming

See All in Programming
React本体のコードリーディング
Avatar for high-g high_g_engineer
1
130
今さら聞けない .NET CLI
Avatar for tkym htkym
0
170
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
Avatar for pluulove (노현석) pluu
0
210
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
1.1k
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
Avatar for monochromegane monochromegane
0
160
わからない話を追いかけたら、プログラミング言語を作る側にいた
Avatar for ydah ydah
3
420
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
510
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
Avatar for ta-hasunuma thasu0123
0
210
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
Avatar for petamoriken / 森建 petamoriken
0
190
20260722_microCMSで考える、AI時代のコンテンツ運用設計
Avatar for Yoshihisa Kaino yosh1
0
260
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
580
komatsuna「分散システムにおけるバグ分析手法」
Avatar for こまつな komatsunaqa
0
170

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.9k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.2k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.4k
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
300
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
12k
HDC tutorial
Avatar for Michiel Stock michielstock
2
770
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
270
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
660
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k

Transcript

  1. Desarrollo FrontEnd con JavaScript s03 – Peticiones asíncronas con XMLHttpRequest

  2. Objeto XHR

  3. Enviando peticiones con XHR

  4. XHR – Propiedades • readyState • 0: No iniciado •

    1: Iniciado • 2: Enviado • 3: En proceso • 4: Completo • status • 200: OK • 304: Not Modified • 403: Forbidden • 404: Not Found • 500: Internal Error

  5. XHR – Usando FormData

  6. JSON

  7. JSON – Sintaxis • Similar a un objeto plano. •

    Los keys van entre comillas. • Los valores pueden ser números, cadenas, booleans, arrays u otros objetos.

  8. JSON – Métodos • parse • stringify