Los últimos tutoriales de desarrollo web
 

W3Data Referencias


Referencia de la API completa W3Data

Función Descripción
w3DisplayData Muestra los datos en HTML
w3IncludeHTML Muestra HTML en HTML
w3Http Lee datos de un servidor

W3Data completos atributo de referencia

Atributo Descripción
{{}} Define dónde mostrar los datos
W3-repeat Define dónde repetir los datos
W3-include-HTML Define dónde incluir HTML

Ejemplos

w3DisplayData

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

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

<script>
w3DisplayData("id01", {"firstName" : "John", "lastName" : "Doe"});
</script>

</body>
</html> 
Inténtalo tú mismo "

w3Http

<!DOCTYPE html>
<html>
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<script src="http://www.w3ii.com/lib/w3data.js"></script>
<body>

<table id="id01" class="w3-table w3-bordered w3-striped">
  <tr>
    <th>Customer</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr w3-repeat="customers">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
  </tr>
</table>

<script>
w3Http("customers.php", function () {
  if (this.readyState == 4 && this.status == 200) {
    var myObject = JSON.parse(this.responseText);
    w3DisplayData("id01", myObject);
  }
});
</script>

</body>
</html> 
Inténtalo tú mismo "

w3IncludeHTML

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

<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>

<script>
w3IncludeHTML();
</script>

</body>
<html>
Inténtalo tú mismo "