如何将外部JSON代码用于javascript (和HTML)

将外部JSON代码用于JavaScript和HTML的方法有多种。以下是一种常见的方法：

首先，确保你有一个外部的JSON文件，或者从服务器获取到的JSON数据。
在HTML文件中，使用<script>标签引入JavaScript文件。例如：

<script src="script.js"></script>

在JavaScript文件中，使用XMLHttpRequest对象或fetch函数从外部获取JSON数据。例如：

// 使用XMLHttpRequest对象
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var jsonData = JSON.parse(xhr.responseText);
    // 在这里处理JSON数据
  }
};
xhr.send();

// 使用fetch函数
fetch('data.json')
  .then(function(response) {
    return response.json();
  })
  .then(function(jsonData) {
    // 在这里处理JSON数据
  });

处理获取到的JSON数据。你可以使用JSON.parse()函数将JSON字符串转换为JavaScript对象，然后根据需要进行操作。例如：

// 假设JSON数据如下：
// {
//   "name": "John",
//   "age": 30,
//   "city": "New York"
// }

// 使用XMLHttpRequest对象获取的JSON数据
var jsonData = JSON.parse(xhr.responseText);
console.log(jsonData.name); // 输出：John

// 使用fetch函数获取的JSON数据
console.log(jsonData.name); // 输出：John

这样，你就可以将外部的JSON代码用于JavaScript和HTML中了。根据具体的需求，你可以进一步处理JSON数据，例如将数据显示在网页上或进行其他操作。

注意：以上示例中的data.json是一个示意的JSON文件名，你需要根据实际情况修改为你的JSON文件路径或服务器接口地址。