可以使用Ajax来通过产品ID获取产品价格。下面是一个示例代码：

HTML部分：

获取价格

JavaScript部分：

function getProductPrice(productId) {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求的URL
  xhr.open('GET', 'https://example.com/wp-json/wc/v3/products/' + productId);

  // 设置请求头，根据你的需求进行设置
  xhr.setRequestHeader('Authorization', 'Bearer your_token');

  // 发送请求
  xhr.send();

  // 监听请求状态的改变
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 解析响应的JSON数据
      var response = JSON.parse(xhr.responseText);

      // 获取产品价格
      var price = response.price;

      // 将价格显示在页面上
      var priceElement = document.getElementById('product-price');
      priceElement.innerHTML = '价格：' + price;
    }
  };
}

上述代码中，我们使用XMLHttpRequest对象发送GET请求到Woocommerce API的产品URL。在响应成功后，我们解析返回的JSON数据并获取产品价格，然后将价格显示在页面上。

请注意，你需要将请求的URL替换为你自己的Woocommerce API URL，并根据需要设置请求头。