本文详解如何将 URL 查询参数（如 origin、departureDate 等）安全、可靠地预填充到 Odoo 官方 website.form 表单中，避免前端 JavaScript 失效或语法错误，推荐使用服务端模板变量注入方式实现。
本文详解如何将 url 查询参数（如 origin、departuredate 等）安全、可靠地预填充到 odoo 官方 `website.form` 表单中，避免前端 javascript 失效或语法错误，推荐使用服务端模板变量注入方式实现。
Odoo 的网站联系表单（s_website_form）原生支持通过服务端传入的 data-values 属性进行字段预填充，其核心机制是：表单初始化时，Odoo 前端 JS 会读取 <span class="hidden" data-for="contactus_form" data-values="..."></span> 中的 JSON 数据，并按 name 属性自动匹配并填入对应表单控件。因此，最稳定、推荐的方式是在服务端模板中动态构造 contactus_form_values 字典，而非依赖客户端 JavaScript —— 这不仅能规避 DOM 加载时机、选择器失效、URL 编码解析错误等问题，还能确保 SSR 兼容性与 SEO 友好。
✅ 正确做法：服务端模板注入（推荐）
在您的 QWeb 模板（如 website.contactus）中，定位到已有的 <t t-set="contactus_form_values"></t> 节点，使用 XPath 扩展或直接重写该变量，将 URL 参数映射为表单字段名：
<t t-set="contactus_form_values" t-value="{
'email_to': res_company.email,
'name': request.params.get('name', ''),
'phone': request.params.get('phone', ''),
'email_from': request.params.get('email_from', ''),
'company': request.params.get('company', ''),
'subject': request.params.get('subject', ''),
'origin': request.params.get('origin', ''),
'depart': request.params.get('depart', ''),
'departureDate': request.params.get('departureDate', ''),
'returnDate': request.params.get('returnDate', ''),
'adults': request.params.get('adults', '1'),
'children': request.params.get('children', '0'),
'infants': request.params.get('infants', '0'),
'transferType': request.params.get('transferType', ''),
}"></t>
⚠️ 注意：
request.params.get()返回的是字符串，Odoo 表单会自动处理类型转换（如数字字段仍以字符串形式提交，后端模型可自行解析）。
随后，确保 HTML 表单字段的 name 属性与上述字典的 key 完全一致（区分大小写），例如：
<!-- 对应 URL 中的 ?origin=Thessaloniki+Airport+%28SKG%29 --> <input type="text" name="origin" class="form-control" data-fill-with="origin"><!-- 对应 ?departureDate=2024-05-16 --><input type="date" name="departureDate" class="form-control" data-fill-with="departureDate"><!-- 对应 ?adults=1 --><input type="number" name="adults" class="form-control" data-fill-with="adults">
data-fill-with 属性非必需（Odoo 会默认按 name 匹配），但显式声明可增强可读性与调试性。
❌ 前端 JS 方案为何失败？
您当前的 JavaScript 代码存在两个关键问题：
-
语法错误：控制台报错
Uncaught SyntaxError: missing ) after argument list很可能源于模板中<script></script>标签被 QWeb 引擎误解析（如未转义的&符号、嵌套引号冲突），尤其当 URL 参数含特殊字符（如&）时极易触发； -
执行时机风险：
DOMContentLoaded触发时，Odoo 表单 JS 可能尚未完成初始化或字段已被动态渲染，导致document.querySelector('input[name="Pickup Location"]')返回null。
即使修复语法，该方式也违背 Odoo 表单设计原则——它本就提供了更健壮的服务端预填充通道。
? 额外建议与注意事项
-
URL 参数命名规范：建议使用小写字母+下划线（如
pickup_location）替代驼峰或空格，避免编码/解析歧义； -
安全过滤：
request.params.get()默认已做基础 XSS 防护，但若需渲染富文本或插入 HTML，请务必使用t-esc或t-raw配合safe过滤器； -
调试技巧：在模板中临时添加
<t t-esc="request.params"></t>查看实际接收到的参数字典； - 兼容性：此方案适用于 Odoo 14+ 所有版本，包括 Community 和 Enterprise。
通过服务端统一注入预填值，您既能精准控制数据流，又能彻底规避前端脚本不稳定带来的维护成本——这才是 Odoo 生态中真正“地道”的解决方案。
