解析 JSON 文件并以 HTML 格式显示答案

【问题标题】：Parsing JSON file and displaying in HTML解析 JSON 文件并以 HTML 格式显示
【发布时间】：2016-05-27 04:11:35
【问题描述】：

我正在以 json 形式将数据发送到 jquery，但无法以 HTML 格式显示。我不想使用 jquery 来显示。我可以在 HTML 中访问 jquery 变量吗？如果可能，请帮助我。

<script type=text/javascript>
$(function() {
  $('#result').bind('input', function() {
    $.getJSON('/prescription1', {
      a: $('input[name="a"]').val()
    }, function(data) {
        console.log(data);
    });
    return false;
  });
});

【问题讨论】：

当您在 JavaScript 变量中获取数据时，您必须使用 JavaScript 将其传递给 HTML 文档。 $('#someplace').text(data.myproperty); 有什么问题？
$('#someplace').text(data.myproperty);这将显示完整的部分。只是为了更精确，我想通过 HTML 而不是 jquery 来控制事物。
完整的部分是什么意思...是好是坏？请在您的问题中提供一些示例数据以及您期望的结果。请尽可能具体。现在，这是一个非常模糊的问题。
完整的 json。但我需要控制json的每个键值。 [{“A”：1，“B”：2}]。假设我只需要访问键“B”而不是完整的 json。
不可能使用 HTML（“超文本标记语言”）。但是你已经使用了 JavaScript，那你为什么不想使用 JavaScript.... 我不明白。

标签： jquery html

【解决方案1】：

不，您不能使用 HTML 访问 jquery 数据。 HTML 是一个markup language，这意味着你可以使用 html 为

以语法上的方式注释文档与文字区别开来。

现在，如果您想避免使用 jQuery，有一个 vanilla javascript 解决方案可以解决您的问题，但您必须使用 javascript。

你可以在 Quora 上阅读这个问题来了解网络语言之间的区别：https://www.quora.com/What-are-the-differences-between-HTML-XML-PHP-CSS-and-JavaScript-in-layman-terms

【讨论】：

@SatyendraSahani 如果你喜欢我的回答，你可以点赞:-)