Diferència entre revisions de la pàgina «Promises»

De Wiket
Salta a la navegació Salta a la cerca
Línia 1: Línia 1:
'''volver a''' [[Lzabala wiki]]
+
'''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

  1. 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();
      });
    };