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
0
70

Desarrollo FrontEnd con JavaScript - S03 (I)

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

Avatar for Gustavo Leon

Gustavo Leon

November 17, 2013
Tweet

More Decks by Gustavo Leon

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

Other Decks in Programming

See All in Programming
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.4k
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
AIエージェントのキホンから学ぶ「エージェンティックコーディング」実践入門
Avatar for Masahiro Nishimi masahiro_nishimi
5
460
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
180
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460

Featured

See All Featured
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
93
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
HDC tutorial
Avatar for Michiel Stock michielstock
1
380
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120

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