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
58

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
350
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
Avatar for Gustavo Leon hpneo
0
470
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
290
Desarrollo FrontEnd con JavaScript - S06
Avatar for Gustavo Leon hpneo
0
100
Desarrollo FrontEnd con JavaScript - S05
Avatar for Gustavo Leon hpneo
0
60
Desarrollo FrontEnd con JavaScript - S04
Avatar for Gustavo Leon hpneo
0
82

Other Decks in Programming

See All in Programming
Porting a visionOS App to Android XR
Avatar for Akio Itaya akkeylab
0
680
AI駆動のマルチエージェントによる業務フロー自動化の設計と実践
Avatar for 岡本秀明 h_okkah
0
230
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
Avatar for Hiroki Iseri goyoki
5
1.1k
レトロゲームから学ぶ通信技術の歴史
Avatar for kimkim0106 kimkim0106
0
110
「App Intent」よくわからんけどすごい！
Avatar for rinngo rinngo0302
1
100
新メンバーも今日から大活躍！SREが支えるスケールし続ける組織のオンボーディング
Avatar for HonMarkHunt honmarkhunt
5
8.7k
効率的な開発手段として VRTを活用する
Avatar for Yosuke Ishikawa ishkawa
0
160
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
Avatar for Manfred Steyer manfredsteyer
PRO
0
390
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
Avatar for Yutaro Muta yutailang0119
0
170
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
350
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
Avatar for nrs nrslib
2
1.1k
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
880

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
990
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
282
13k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Docker and Python
Avatar for Tania Allard trallard
45
3.5k

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