本文介绍在 php + bootstrap 环境下，如何让多个 `` 标签触发同一个模态框（modal），但根据点击来源动态加载对应 sql 查询结果，避免重复定义多个模态框或硬编码逻辑。
要实现“单个模态框、多数据源”的效果，核心在于解耦 html 渲染与数据获取逻辑：原始代码中所有查询（$tekmuhadiTab 和 $tekmuhadiTab2）在页面加载时即执行，并在模态框 HTML 中静态输出（while(odbc_fetch_row(…))），这导致无法按需切换数据源。
✅ 正确做法是采用 ajax 驱动的动态内容加载——点击链接时不直接打开含死数据的模态框，而是先发送请求获取对应查询结果，再注入到模态框中并显示。
✅ 推荐方案：AJAX + bootstrap Modal（服务端 php + 前端 js）
1. 修改 HTML 链接，携带查询标识
查表1 查表22. 保留单一模态框结构（移除 PHP 循环）
加载中...
正在加载... 3. 添加 javaScript 监听与异步加载逻辑
4. 创建 fetch_data.php 统一处理查询（安全+可扩展）
无效的数据请求。查询执行失败。
'; exit; } // 渲染表格（注意：odbc_result 字段索引从 1 开始） echo '| 姓名 | 部门/状态 | 联系方式/更新时间 |
|---|---|---|
| ' . htmlspecialchars(odbc_result($result, 1)) . ' | '; echo '' . htmlspecialchars(odbc_result($result, 2)) . ' | '; echo '' . htmlspecialchars(odbc_result($result, 3)) . ' | '; echo '
⚠️ 注意事项
- 绝不暴露原始 SQL 或变量名到前端：使用白名单（如 $allowedQueries）严格限制可执行查询类型；
- 始终转义输出内容：用 htmlspecialchars() 防止 xss；
- ODBC 字段索引从 1 开始，且需确保字段数一致，否则 odbc_result($r,3) 可能报错；
- 若需分页/搜索等高级功能，应在 fetch_data.php 中支持 GET 参数（如 ?query=tekmuhadi&page=2）；
- 替代方案（不推荐）：服务端预执行全部查询并缓存结果，通过 data-* 属性传入 json 数据——仅适用于极小数据集，存在内存与安全风险。
通过该架构，你只需维护一个模态框、一个后端接口和清晰的查询映射，即可灵活支持任意数量的数据源，真正实现「一次定义、按需渲染」。