JSON HTML

JSON 可以很容易地转换为 JavaScript。

JavaScript 可用于在网页中制作 HTML。

HTML 表格

使用以 JSON 形式接收的数据创建一个 HTML 表：

示例

亲自试一试 »

动态 HTML 表格

根据下拉菜单的值制作 HTML 表格：

示例

<select id="myselect" onchange="change_myselect(this.value)">
  <option value="">Choose an option:</option>
  <option value="customers">Customers</option>
  <option value="products">Products</option>
  <option value="suppliers">Suppliers</option>
</select>

<script>
function change_myselect(sel) {
  const dbParam = JSON.stringify({table:sel,limit:20});
  const xmlhttp = new XMLHttpRequest();
  xmlhttp.onload = function() {
    const myObj = JSON.parse(this.responseText);
    let text = "<table border='1'>"
    for (let x in myObj) {
      text += "<tr><td>" + myObj[x].name + "</td></tr>";
    }
    text += "</table>"
    document.getElementById("demo").innerHTML = text;
  }
  xmlhttp.open("POST", "json_demo_html_table.html");
  xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlhttp.send("x=" + dbParam);
}
</script>

亲自试一试 »

HTML 下拉列表

使用以 JSON 形式接收的数据创建一个 HTML 下拉列表：

示例

亲自试一试 »