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

Desarrollo FrontEnd con JavaScript - S03 (I)

Avatar for Gustavo Leon Gustavo Leon
November 17, 2013
Programming
0
57

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
260
Manejando Docker containers con Ruby y backticks
Avatar for Gustavo Leon hpneo
0
340
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
460
Universal Web apps con JavaScript
Avatar for Gustavo Leon hpneo
0
300
gmaps.js - 4 lecciones open source en 4 pasos
Avatar for Gustavo Leon hpneo
0
680
Xamarin
Avatar for Gustavo Leon hpneo
1
280
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
100
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
59
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
81

Other Decks in Programming

See All in Programming
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
Avatar for Tomohisa Takaoka tomohisa
1
160
型付け力を強化するための Hoogle のすゝめ / Boosting Your Type Mastery with Hoogle
Avatar for TAKASE Kazuyuki guvalif
1
230
コンポーネントライブラリで実現する、アクセシビリティの正しい実装パターン
Avatar for Tajima Sachiko schktjm
1
660
CQRS/ESのクラスとシステムフロー ~ RailsでフルスクラッチでCQRSESを組んで みたことから得た学び~
Avatar for suzuki masayuki suzukimar
0
190
從零到一：搭建你的第一個 Observability 平台
Avatar for Blueswen blueswen
0
220
Devinで実践する！AIエージェントと協働する開発組織の作り方
Avatar for Masahiro Nishimi masahiro_nishimi
6
2.5k
Use Perl as Better Shell Script
Avatar for karupanerura karupanerura
0
650
Zennの運営完全に理解した #完全に理解したTalk
Avatar for Yusuke Wada wadayusuke
1
140
REST API設計の実践 – ベストプラクティスとその落とし穴
Avatar for 武田 憲太郎 kentaroutakeda
2
320
少数精鋭エンジニアがフルスタック力を磨く理由 -そしてAI時代へ-
Avatar for 株式会社Rebase_エンジニアリング rebase_engineering
0
130
【TSkaigi 2025】これは型破り？型安全？ 真実はいつもひとつ！（じゃないかもしれない）TypeScript クイズ〜〜〜〜！！！！！
Avatar for Kimita Shoichi kimitashoichi
1
300
ユーザーにサブドメインの ECサイトを提供したい (あるいは) 2026年函館で一番熱くなるかもしれない言語の話
Avatar for uvb_76 uvb_76
0
170

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
76
9.4k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Done Done
Avatar for chrislema chrislema
184
16k
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
6.5k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
460
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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