如何在HTML中显示AJAX/jQuery/JavaScript获取的DE10YB_EUR_price数据？

Hey Marcel, 我来帮你搞定这个问题！你用document.write()没看到内容，大概率是因为这个方法的调用时机不对——如果在页面DOM加载完成后调用它，会直接覆盖整个页面；另外也可能是变量作用域或者数据还没成功拿到的问题。下面给你几种靠谱的解决办法：

推荐方法：用DOM操作更新页面元素 #

这是现代前端最常用的方式，灵活又安全：

1. 先在你的HTML里提前加一个用来放价格的容器，放在你想显示价格的位置即可：

<div id="price-display">正在加载价格...</div>

2. 等你从API拿到DE10YB_EUR_price数据后，用DOM方法找到这个容器，把价格塞进去：

// 假设你已经通过API请求成功拿到了DE10YB_EUR_price
const priceValue = DE10YB_EUR_price;
// 获取页面上的容器元素
const priceElement = document.getElementById('price-display');
// 设置纯文本内容（不会解析HTML，更安全）
priceElement.textContent = `DE10YB_EUR 当前价格：${priceValue}`;
// 如果需要给价格加样式（比如加粗），可以改用innerHTML：
// priceElement.innerHTML = `DE10YB_EUR 当前价格：<strong>${priceValue}</strong>`;

如果你非要用document.write() #

那一定要注意调用时机！必须在页面还没加载完的时候用（比如放在<body>标签里的脚本，且在页面内容结束前），同时确保DE10YB_EUR_price已经有值：

<body>
  <!-- 页面其他内容 -->
  <script>
    // 假设这里已经成功获取到价格数据
    const DE10YB_EUR_price = 3.28; // 示例值
    document.write(`DE10YB_EUR 价格：${DE10YB_EUR_price}`);
  </script>
</body>

但真心不推荐这个方法，因为一旦页面加载完成后调用，会直接清空整个页面，太坑了😂

额外排查小技巧 #

• 先确认DE10YB_EUR_price确实有值：在浏览器控制台敲console.log(DE10YB_EUR_price)，看看是不是输出了你期望的价格。
• 检查API请求是否成功：打开浏览器开发者工具的「网络」面板，看看API请求的响应数据是不是正确返回了。

内容的提问来源于stack exchange，提问作者Marcel