bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc


cordova

Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
cordova [2025/12/04 17:37]
enric_mieza_sanchez [AJAX amb jQuery]
cordova [2025/12/04 17:52] (actual)
enric_mieza_sanchez [AJAX amb jQuery]
Línia 278: Línia 278:
 </WRAP> </WRAP>
  
-==== AJAX amb jQuery ====+==== Exemple AJAX amb API Musicbrainz.org ====
 Aquestes mateixes les podem demanar des d'un document/aplicació HTML+JS amb crides asíncrones, el que solem conèixer per AJAX. Utilitzarem [[http://api.jquery.com/jquery.ajax/|AJAX amb jQuery]] que ens ajudarà a simplificar el codi. Els exemples estan a la mateixa documentació, però us poso aquí un d'essencial per fer la crida i que ens retorni un objecte JSON de la API de musicbrainz.org : Aquestes mateixes les podem demanar des d'un document/aplicació HTML+JS amb crides asíncrones, el que solem conèixer per AJAX. Utilitzarem [[http://api.jquery.com/jquery.ajax/|AJAX amb jQuery]] que ens ajudarà a simplificar el codi. Els exemples estan a la mateixa documentació, però us poso aquí un d'essencial per fer la crida i que ens retorni un objecte JSON de la API de musicbrainz.org :
  
Línia 293: Línia 293:
     // iterem pels diversos elements de l'array artists     // iterem pels diversos elements de l'array artists
     for( const artist of data.artists ) {     for( const artist of data.artists ) {
-      console.log(artist.name)+      console.log(`${artist.name} (${artist.disambiguation}`) 
 +      // pintar l'HTML necessari...
     }     }
   })   })
Línia 308: Línia 309:
 }).done(function (data) { }).done(function (data) {
   for(let item in data.artists) {   for(let item in data.artists) {
-    console.log(data.artists[item].name)+    var artista = data.aritsts[item].name; 
-    // aquí caldría fer mes coses, of course...+    var descripcio = data.aritsts[item].disambiguation; 
 +    console.log(`${artista} (${descripcio}`) 
 +    // aquí caldria pintar l'HTML necessari
     // ...     // ...
   };   };
cordova.txt · Darrera modificació: 2025/12/04 17:52 per enric_mieza_sanchez