通过Javascript从python flask获取数据到html

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/data', methods=['GET'])
def get_data():
    data = {'name': 'John', 'age': 30}
    return jsonify(data)

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    // 处理获取到的数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

fetch('/api/data')
  .then(response => response.json())
  .then(data => {
    // 处理获取到的数据
    document.getElementById('name').textContent = data.name;
    document.getElementById('age').textContent = data.age;
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

<p>Name: <span id="name"></span></p>
<p>Age: <span id="age"></span></p>