คำขอ W3.JS HTTP

อ่านข้อมูลจากเซิร์ฟเวอร์:

w3.getHttpObject(file.js,function)

ตัวอย่างในหน้านี้เหมือนกับตัวอย่างในหน้าก่อนหน้า ยกเว้นว่ามีการขอข้อมูลจากเว็บเซิร์ฟเวอร์: customers.js

กรอกรายการแบบเลื่อนลง

ตัวอย่าง

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

<script>
w3.getHttpObject("customers.js", myFunction);

function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>

กรอกรายการ

ตัวอย่าง

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

<script>
w3.getHttpObject("customers.js", myFunction);

function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>

เติมโต๊ะ

ตัวอย่าง

<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>
w3.getHttpObject("customers.js", myFunction);

function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>

เติมโต๊ะอื่น

ตัวอย่าง

<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>
w3.getHttpObject("cd_catalog.js", myFunction);

function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>

❮ ก่อนหน้า ถัดไป ❯