如何让同一myModal根据对应链接加载不同ODBC查询结果？

方案一：AJAX动态加载（推荐） #

这种方式通过前端传递标识，后端根据标识返回对应查询的渲染结果，适合数据量大或需要实时获取最新数据的场景。

1. 修改触发模态框的<a>标签，添加自定义属性区分查询：

<a href="#" data-target="#myModal" data-toggle="modal" data-query-id="1">加载查询1结果</a>
<a href="#" data-target="#myModal" data-toggle="modal" data-query-id="2">加载查询2结果</a>

2. 调整模态框结构，预留结果容器：

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">查询结果</h5>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <!-- 结果会插入到这个容器 -->
        <div id="query-result-container"></div>
      </div>
    </div>
  </div>
</div>

3. 编写前端JS监听模态框触发事件，发送AJAX请求：

$('#myModal').on('show.bs.modal', function (event) {
  // 获取触发模态框的<a>标签
  const triggerBtn = $(event.relatedTarget);
  // 获取自定义属性中的查询ID
  const queryId = triggerBtn.data('query-id');
  const modal = $(this);
  
  // 发送AJAX请求后端接口
  $.get('get-query-result.php', { query_id: queryId }, function(htmlContent) {
    // 将返回的结果HTML插入容器
    modal.find('#query-result-container').html(htmlContent);
  });
});

4. 编写后端接口get-query-result.php，根据查询ID返回对应结果：

<?php
// 假设已建立ODBC连接$conn
$conn = odbc_connect('你的DSN', '用户名', '密码');

$queryId = $_GET['query_id'] ?? 1;

// 根据ID执行对应查询
if ($queryId == 1) {
  $sql = "你的第一个SQL查询语句";
} else {
  $sql = "你的第二个SQL查询语句";
}

$result = odbc_exec($conn, $sql);

// 渲染结果为HTML表格（可根据需求调整格式）
echo '<table class="table table-bordered">';
while ($row = odbc_fetch_array($result)) {
  echo '<tr>';
  foreach ($row as $column) {
    echo "<td>{$column}</td>";
  }
  echo '</tr>';
}
echo '</table>';

odbc_close($conn);
?>

方案二：预渲染内容+前端切换（适合小数据量） #

如果数据量不大，可提前把两个查询结果都渲染到模态框中，通过CSS控制显示/隐藏，无需AJAX请求。

1. 修改触发标签，添加切换标识：

<a href="#" data-target="#myModal" data-toggle="modal" data-show="result1">加载查询1结果</a>
<a href="#" data-target="#myModal" data-toggle="modal" data-show="result2">加载查询2结果</a>

2. 模态框中预渲染两个查询结果：

<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <!-- 查询1结果（默认显示） -->
        <div id="result1" class="modal-result">
          <?php
          while ($row = odbc_fetch_array($tekmuhadiTab)) {
            echo "<p>{$row['你的字段名']}</p>";
            // 可根据需求渲染为表格或其他格式
          }
          ?>
        </div>
        <!-- 查询2结果（默认隐藏） -->
        <div id="result2" class="modal-result" style="display: none;">
          <?php
          while ($row = odbc_fetch_array($tekmuhadiTab2)) {
            echo "<p>{$row['你的字段名']}</p>";
          }
          ?>
        </div>
      </div>
    </div>
  </div>
</div>

3. 前端JS控制显示切换：

$('#myModal').on('show.bs.modal', function (event) {
  const triggerBtn = $(event.relatedTarget);
  const showTarget = triggerBtn.data('show');
  
  // 隐藏所有结果容器
  $(this).find('.modal-result').hide();
  // 显示目标容器
  $(this).find(`#${showTarget}`).show();
});

你提到的「单查询+索引切换」实现方式 #

如果使用包含多组字段的单查询，可通过条件判断切换索引取值：

1. 执行包含多组字段的单查询：

$combinedSql = "SELECT 组1字段1, 组1字段2, 组2字段1, 组2字段2 FROM 你的表 WHERE 条件";
$combinedResult = odbc_exec($conn, $combinedSql);

2. 在AJAX接口中根据前端传递的标识切换索引：

$setId = $_GET['set_id'] ?? 1;

// 假设是单条记录，直接用odbc_result取索引
if ($setId == 1) {
  $val1 = odbc_result($combinedResult, 1);
  $val2 = odbc_result($combinedResult, 2);
} else {
  $val1 = odbc_result($combinedResult, 3);
  $val2 = odbc_result($combinedResult, 4);
}

// 渲染结果
echo "<p>值1：{$val1}</p><p>值2：{$val2}</p>";

如果是多条记录，可先把结果转成数组，再根据标识筛选字段：

$setId = $_GET['set_id'] ?? 1;
$rows = [];
while ($row = odbc_fetch_array($combinedResult)) {
  $rows[] = $row;
}

echo '<table>';
foreach ($rows as $row) {
  echo '<tr>';
  if ($setId == 1) {
    echo "<td>{$row['组1字段1']}</td><td>{$row['组1字段2']}</td>";
  } else {
    echo "<td>{$row['组2字段1']}</td><td>{$row['组2字段2']}</td>";
  }
  echo '</tr>';
}
echo '</table>';

内容的提问来源于stack exchange，提问作者wittream