W3.JS Http
从服务器读取数据:
w3.getHttpObject(file.js,function)
这个页面上的示例与上一个页面上的示例相同，除了数据是从web服务器请求的:
customers.js
填充下拉
实例
<select id="id01">
<option w3-repeat="customers">{{CustomerName}}</option>
</select>
<script>
w3.getHttpObject("https://7npmedia.w3cschool.cn/customers1.js", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
<option w3-repeat="customers">{{CustomerName}}</option>
</select>
<script>
w3.getHttpObject("https://7npmedia.w3cschool.cn/customers1.js", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
尝试一下 » 添加上CSS » »
填充列表
填充表格
实例
<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>
<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>
尝试一下 » 添加上CSS » »
填充另一个表
实例
<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>
<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>
尝试一下 » 添加上CSS » »