Diferència entre revisions de la pàgina «Promises»
Salta a la navegació
Salta a la cerca
Línia 1: | Línia 1: | ||
− | '''volver a''' [[ | + | '''volver a''' [[M06 Desarrollo web en entorno cliente]] |
=Resources= | =Resources= | ||
=Exercises= | =Exercises= | ||
<ol> | <ol> | ||
<li>With the given code, create a web page that call a server with some data (it's doesn't matter what data) and print the data on the page applying some kind of format. | <li>With the given code, create a web page that call a server with some data (it's doesn't matter what data) and print the data on the page applying some kind of format. | ||
+ | <pre class="prettyprint"> | ||
+ | const loadJSON = (file) => { | ||
+ | return new Promise((resolve, reject) => { | ||
+ | const xhr = new XMLHttpRequest(); | ||
+ | xhr.open('GET', file, true); | ||
+ | xhr.responseType = 'json'; | ||
+ | xhr.onload = () => { | ||
+ | if (xhr.status === 200) { | ||
+ | resolve(xhr.response); | ||
+ | } else { | ||
+ | reject(xhr.statusText); | ||
+ | } | ||
+ | }; | ||
+ | xhr.onerror = () => reject(xhr.statusText); | ||
+ | xhr.send(); | ||
+ | }); | ||
+ | }; | ||
+ | </pre> | ||
</li> | </li> | ||
</ol> | </ol> |
Revisió del 12:06, 31 gen 2023
volver a M06 Desarrollo web en entorno cliente
Resources
Exercises
- With the given code, create a web page that call a server with some data (it's doesn't matter what data) and print the data on the page applying some kind of format.
const loadJSON = (file) => { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open('GET', file, true); xhr.responseType = 'json'; xhr.onload = () => { if (xhr.status === 200) { resolve(xhr.response); } else { reject(xhr.statusText); } }; xhr.onerror = () => reject(xhr.statusText); xhr.send(); }); };