W3.JS Http

2020-11-05 17:02 更新

从服务器读取数据:

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>

尝试一下 »   添加上CSS » »

填充列表

实例

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

尝试一下 »   添加上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>

尝试一下 »   添加上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>

尝试一下 »   添加上CSS » »


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号