Najnowsze tutoriale tworzenie stron internetowych
 

W3Data Referencje


Kompletna W3Data API Reference

Funkcjonować Opis
w3DisplayData Wyświetla dane w formacie HTML
w3IncludeHTML Wyświetla HTML w kodzie HTML
w3Http Odczytuje dane z serwera

Kompletny W3Data Atrybut Reference

Atrybut Opis
{{}} Określa, gdzie do wyświetlania danych
w3-repeat Określa gdzie powtórzyć dane
w3-to-HTML Określa gdzie to HTML

Przykłady

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> 
Spróbuj sam "

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> 
Spróbuj sam "

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>
Spróbuj sam "