Los últimos tutoriales de desarrollo web
 

W3Data Tutorial

❮ Anterior Siguiente Capítulo ❯

W3Data
Más rápido y mejores datos HTML

¿Cuál es W3Data?

W3Data es una moderna biblioteca JavaScript para traer los datos a las aplicaciones HTML:

  • Pequeño, rápido y amigable móvil
  • Fácil de aprender y fácil de usar
  • Acelera el desarrollo de aplicaciones
  • Para todos los dispositivos de PC, tabletas y móviles

W3Data es gratuito

W3Data es de uso gratuito. Sin licencia es necesaria.

Fácil de usar

Sólo tiene que añadir un enlace a w3data.js en su página web:

Ejemplo

<link rel="stylesheet" href="http://www.w3ii.com/lib/w3data.js">

A continuación, añadir entre paréntesis {} {} a cualquier elemento HTML para reservar espacio para sus datos:

Ejemplo

<div id="id01">
{{firstName}} {{lastName}}
</div>

Finalmente llamar w3DisplayData para mostrar los datos en el código HTML:

Ejemplo

w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
Inténtalo tú mismo "
Nota El primer parámetro es el identificador del elemento HTML a utilizar (ID01)
El segundo parámetro es el objeto de datos para mostrar.

Llenar un desplegable

Ejemplo

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<select id="id01">
<option w3-repeat="x in cars">{{x}}</option>
</select>

<script>
w3DisplayData("id01", {"cars" : ["Volvo", "Ford", "BMW", "Mercedes"]});
</script>

</body>
</html>
Inténtalo tú mismo "
Nota descarga w3data.js

❮ Anterior Siguiente Capítulo ❯