JSON HTML
JSON 您可以使用 JavaScript 编写脚本。
JavaScript 使用 HTML 脚本编写的移动应用程序可实现动态链接库。
HTML表格
从解析为 JSON 的数据创建 HTML 表：
屁股
const dbParam = JSON.stringify（{表：“客户”，限制：20}）;
const xmlhttp = 新的 XMLHttpRequest();
xmlhttp.onload = 函数（）{
myObj = JSON.解析（this.responseText）;
让文本 = “<table border='1'> “
对于（让 x 在 myObj 中）{
文本 += “<tr><td> “+ myObj[x].name +”</td></tr> “；
}
文本 += “</table> “
document.getElementById("demo").innerHTML = text;
}
xmlhttp.open("POST", "json_demo_html_table.html");
xmlhttp.setRequestHeader（“内容类型”，“application/x-www-form-urlencoded”）；
xmlhttp.发送（“x=” + dbParam）；
自己尝试一下»
动态 HTML 表格
根据下拉菜单的值创建一个 HTML 表格：
屁股
<select id="myselect" onchange="change_myselect(this.value)">
<option value="">选择选项：</option>
<option value="customers">克林蒂</option>
<option value="products">优惠</option>
<option value="suppliers">共發現</option>
</select>
<script>
函数 change_myselect(sel) {
const dbParam = JSON.stringify({table:sel，limit:20});
const xmlhttp = 新的 XMLHttpRequest();
xmlhttp.onload = 函数（）{
const myObj = JSON.解析（this.responseText）;
让文本 = “<table border='1'> “
对于（让 x 在 myObj 中）{
文本 += “<tr><td> “+ myObj[x].name +”</td></tr> “；
}
文本 += “</table> “
document.getElementById("demo").innerHTML = text;
}
xmlhttp.open("POST", "json_demo_html_table.html");
xmlhttp.setRequestHeader（“内容类型”，“application/x-www-form-urlencoded”）；
xmlhttp.发送（“x=” + dbParam）；
}
</script>
自己尝试一下»
HTML 下拉列表
从解析为 JSON 的数据创建 HTML 下拉列表：
屁股
const dbParam = JSON.stringify（{表：“客户”，限制：20}）;
const xmlhttp = 新的 XMLHttpRequest();
xmlhttp.onload = 函数（）{
const myObj = JSON.解析（this.responseText）;
让文本 = “<select> “
对于（让 x 在 myObj 中）{
文本 += “<option value="" + myObj[x].name + ""> “+ myObj[x].name +”</option> “；
}
文本 += “</select> “
document.getElementById("demo").innerHTML = text;
}
}
xmlhttp.open("POST", "json_demo_html_table.html", true);
xmlhttp.setRequestHeader（“内容类型”，“application/x-www-form-urlencoded”）；
xmlhttp.发送（“x=” + dbParam）；
自己尝试一下»
