javascript - 在javascript中读取环境变量
问题描述
我正在努力实现这样的目标。
在点击特定的 api 命令(比如说 curl 命令)后,我得到了一个 json 响应。我需要将此结果转换为 html。为此,我正在考虑将结果存储在环境变量中。我的意图是读取这个变量,然后读取 json 数据。
如何在js中读取环境变量?
我正在使用下面的程序将 json 映射到 html 表。
<!DOCTYPE html>
<html>
<head>
<title>Convert JSON Data to HTML Table</title>
<style>
th, td, p, input {
font:14px Verdana;
}
table, th, td
{
border: solid 1px #DDD;
border-collapse: collapse;
padding: 2px 3px;
text-align: center;
}
th {
font-weight:bold;
}
</style>
</head>
<body>
<input type="button" onclick="CreateTableFromJSON()" value="Create Table From JSON" />
<p id="showData"></p>
</body>
<script>
function CreateTableFromJSON() {
var myBooks = [
{
"Book ID": "1",
"Book Name": "Computer Architecture",
"Category": "Computers",
"Price": "125.60"
},
{
"Book ID": "2",
"Book Name": "Asp.Net 4 Blue Book",
"Category": "Programming",
"Price": "56.00"
},
{
"Book ID": "3",
"Book Name": "Popular Science",
"Category": "Science",
"Price": "210.40"
}
]
// EXTRACT VALUE FOR HTML HEADER.
// ('Book ID', 'Book Name', 'Category' and 'Price')
var col = [];
for (var i = 0; i < myBooks.length; i++) {
for (var key in myBooks[i]) {
if (col.indexOf(key) === -1) {
col.push(key);
}
}
}
// CREATE DYNAMIC TABLE.
var table = document.createElement("table");
// CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.
var tr = table.insertRow(-1); // TABLE ROW.
for (var i = 0; i < col.length; i++) {
var th = document.createElement("th"); // TABLE HEADER.
th.innerHTML = col[i];
tr.appendChild(th);
}
// ADD JSON DATA TO THE TABLE AS ROWS.
for (var i = 0; i < myBooks.length; i++) {
tr = table.insertRow(-1);
for (var j = 0; j < col.length; j++) {
var tabCell = tr.insertCell(-1);
tabCell.innerHTML = myBooks[i][col[j]];
}
}
// FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
var divContainer = document.getElementById("showData");
divContainer.innerHTML = "";
divContainer.appendChild(table);
}
</script>
</html>
解决方案
正如昆汀所说:你不能,而是去看看Local Storage
。
推荐阅读
- php - 将 .htaccess 重写规则转换为 PHP
- java - 删除 ArrayList 时出现 Java ConcurrentModificationException
- sql - SQL - 在分数范围的括号内输出平均满意度/促销次数
- excel - 根据范围内 2 个单元格的值添加单元格边框
- awk - 使用 awk 对唯一值进行求和和排序
- r - R Sys.getenv() 返回错误的值
- c# - 将 JSON 反序列化为 List
- java - Tomcat 的 Tomcat 池在 JMX 中缺少 DataSource 条目
- evernote - 开发者生产代币
- excel - Excel - 如果特定列中的单元格包含在另一列中找到的值,则删除行