W3.JS HTTP
Serverlardan ma’lumotlarni o‘qish:
w3.getHttpObject(file.js,function)
Ushbu sahifadagi misollar oldingi sahifadagi misollar bilan bir xil, faqat ma’lumotlar veb-serverdan so‘raladi: customers.js
Ochiladigan ro‘yxatni to‘ldirish
Misol
<select id="id01">
<option w3-repeat="customers">{{CustomerName}}</option>
</select>
<script>
w3.getHttpObject("customers.js", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
O‘zingiz sinab ko‘ring » CSS bilan »
Ro‘yxatni to‘ldirish
Misol
<ul id="id01">
<li w3-repeat="customers">{{CustomerName}}</li>
</ul>
<script>
w3.getHttpObject("customers.js", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
O‘zingiz sinab ko‘ring » CSS bilan »
Jadvalni to‘ldirish
Misol
<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>
O‘zingiz sinab ko‘ring » CSS bilan »
Boshqa jadvalni to‘ldirish
Misol
<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>
O‘zingiz sinab ko‘ring » CSS bilan »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!