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

Desarrollo FrontEnd con JavaScript - S03 (I)

10a0e11595c04259f746f31bf0715e4b?s=47 Gustavo Leon
November 17, 2013
Programming
0
34

Desarrollo FrontEnd con JavaScript - S03 (I)

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

10a0e11595c04259f746f31bf0715e4b?s=128

Gustavo Leon

November 17, 2013
Tweet

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
110
Manejando Docker containers con Ruby y backticks
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
190
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
270
Universal Web apps con JavaScript
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
180
gmaps.js - 4 lecciones open source en 4 pasos
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
550
Xamarin
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
1
160
Desarrollo FrontEnd con JavaScript - S06
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
75
Desarrollo FrontEnd con JavaScript - S05
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
30
Desarrollo FrontEnd con JavaScript - S04
10a0e11595c04259f746f31bf0715e4b?s=48 hpneo
0
48

Other Decks in Programming

See All in Programming
ちょっとつよい足トラ
6a661bb5871208cad64912223bb0c637?s=48 logilabo
0
330
Atomic Design とテストの○○な話
Fd3e212c7b5255c6164d7d52bfe79dfb?s=48 takfjp
2
790
プロダクトの成長とSREと
5a9fb3b80c517e51e4e95a27b63c6a67?s=48 takuyatezuka
0
120
Getting Started With Data Structures
Fbe54abf4094d19f1548783d072a7fa7?s=48 adoranwodo
1
250
フロントエンドエンジニアが変える現場のモデリング意識/modeling-awareness-changed-by-front-end-engineers
F122773bb8d506a4f38a94bfeff45945?s=48 uggds
32
13k
このタイミングで知っておきたい 開発生産性の高いエンジニア組織の特徴とは / dev-sumi-20220721-productivity-features
6f425ca5b796b421dca359b95046184f?s=48 findyinc
7
2.6k
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
3518f5ec9ebb241abc3569eb5cfc7d2a?s=48 1901drama
0
180
kintone × LINE Bot で餃子検定Botを作った話
9452778272d5d1a19e897f4b75204fb2?s=48 naberina
0
300
Lookerとdbtの共存
739b3e6644385d832834f6d4db498642?s=48 ttccddtoki
0
610
実践的！FPGA開発セミナー vol.11
Bbf28bf908ac83e5b85b52a675641641?s=48 fixstars
0
110
Isar勉強会
693ed679c8dde3eccbc682ff44f357e1?s=48 hoddy3190
0
310
プロダクトのタイプ別 GraphQL クライアントの選び方
C8b80b3b6b5b26df6122c8113ca441ea?s=48 shozawa
0
8.1k

Featured

See All Featured
Facilitating Awesome Meetings
245cee81a9c424266e5e401d844ea881?s=48 lara
29
4.1k
How to train your dragon (web standard)
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
60
3.9k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
290
48k
Making the Leap to Tech Lead
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
113
7.4k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
24k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
4k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
151
13k
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
Distributed Sagas: A Protocol for Coordinating Microservices
9128d500301ae51524e887bb680f471d?s=48 caitiem20
316
19k
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
63k

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