W3Data Http

このページの例は、データを Web サーバから要求することを除き、前ページの例と同じです： customers.php

ドロップダウンの充填

例

<select id="id01">
<option w3-repeat="customers">{{CustomerName}}</option>
</select>

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

Try It Yourself ❯

リストの充填

例

<ul id="id01">
<li w3-repeat="customers">{{CustomerName}}</li>
</ul>

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

Try It Yourself ❯

テーブルの充填

例

<table id="id01">
<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>

Try It Yourself ❯

その他のテーブルの充填

例

<table id="id01">
<tr>
    <th>Title</th>
    <th>Artist</th>
    <th>Price</th>
</tr>
<tr w3-repeat="cd">
<td>{{title}}</td>
<td>{{artist}}</td>
<td>{{price}}</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>

Try It Yourself ❯

❮ 前章へ次章へ ❯