html获取json数据

要从 HTML 页面中获取 JSON 数据，可以使用 JavaScript。以下是一些基本的步骤：

1. 在 HTML 中添加一个元素，用于显示 JSON 数据。

<div id="json-data"></div>

2. 在 JavaScript 中使用 AJAX 技术，从服务器获取 JSON 数据。

var request = new XMLHttpRequest();
request.open('GET', '/path/to/json/data', true);

request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var data = JSON.parse(request.responseText);
    // 在页面上显示 JSON 数据
    document.getElementById('json-data').innerHTML = JSON.stringify(data);
  }
};

request.send();

在上面的代码中，`XMLHttpRequest` 对象用于向服务器发送请求。当响应返回时，`onload` 回调函数会将响应文本解析为 JSON 对象，并将其显示在页面上。

注意，这个例子假设你已经有一个 JSON 数据的 API，而且它的返回类型是 JSON。如果你需要从 HTML 页面中提取 JSON 数据，你可能需要使用 DOM 操作或正则表达式解析 HTML，并从中提取 JSON 数据。