javascript - 如何将 JSON 数据保存到 JavaScript 中的变量

Question

我正在尝试在以 JSON 格式呈现的 html 页面中显示 ping 信息。我有一些实现它的东西，但我不知道如何以有序的方式打印出来。

JS 脚本

function scanner() {
  var evilscan = require("evilscan");

  var options = {
    target: "10.0.0.161",
    port: "21-23",
    status: "TROU", // Timeout, Refused, Open, Unreachable
    banner: true
  };

  var scanner = new evilscan(options);

  scanner.on("result", function(data) {
    // fired when item is matching options
    console.log(data);
    document.getElementById("pingStatus").innerHTML = JSON.stringify(
      data,
      undefined,
      2
    );
  });

  scanner.on("error", function(err) {
    throw new Error(data.toString());
  });

  scanner.on("done", function() {
    // finished !
  });

  scanner.run();
}

我从 W3 Schools 中获得了一些灵感 https://www.w3schools.com/js/tryit.asp?filename=tryjson_parse

在 HTML 中添加了以下内容:

<p id="pingStatus" type="text"></p>

但是会显示一个 JSON 字符串，如下所示:

{ "ip": "10.0.0.161", "port": 21, "banner": "", "status": "closed (timeout)" }

在 HTML 页面上处理和显示这样的字符串的最佳/常用方法是什么，使其显示如下:

示例

• ip: 10.0.0.161
• 端口:21

等..

Answer 1

您可以使用 forEach 循环并使用 .textContent 属性设置该元素的 innerHTML

var a = {
  "ip": "10.0.0.161",
  "port": 21,
  "banner": "",
  "status": "closed (timeout)"
};

var ele = document.getElementById("pingStatus");
Object.values(a).forEach(e => e!=''?ele.innerHTML += '<li>'+e+'</li>':false)

<p id="pingStatus" type="text"></p>