Odoo15数据修改后视图未更新问题咨询

常见原因及处理方案 #

• 前端未实时获取数据
  若前端仅在页面加载时请求一次数据，后端更新state后自然无法感知。可通过两种方式解决：

  • 短轮询：定时（比如每3秒）用AJAX/fetch请求后端接口，获取最新state后直接更新页面DOM。
  • WebSocket长连接：后端更新state后主动推送消息给前端，前端收到后立即刷新视图。

• 前端框架未触发渲染更新
  用Vue、React这类框架时，要确保数据更新能触发组件重渲染：

  • Vue：若为响应式数据，直接修改即可自动更新；非响应式数据可使用$forceUpdate()或重新赋值。
  • React：调用setState更新状态，触发组件重新渲染。

• 接口缓存导致旧数据返回
  后端接口可能返回缓存的旧值，可在接口响应头设置禁用缓存，或前端请求时添加时间戳参数（如?t=${Date.now()}）绕过缓存。

示例代码（短轮询实现） #

// 前端定时请求最新state
setInterval(() => {
  fetch('/api/get-state')
    .then(res => res.json())
    .then(data => {
      document.getElementById('state-display').textContent = data.state;
    });
}, 3000); // 每3秒请求一次

# 后端Flask接口示例
from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/get-state')
def get_state():
    # 从数据库查询最新state
    latest_state = query_db("SELECT state FROM your_table WHERE id = ?", [1])
    return jsonify({'state': latest_state[0]['state']})

内容的提问来源于stack exchange，提问作者CHIU TZE CHEUNG