通过HTML表单传参连接PostgreSQL后前端表格无数据问题排查

整个流程的断点出在参数传递链路完全断裂，和前端表格渲染逻辑无关，具体问题拆解：

• 原流程的参数传递是单向断链的：表单通过POST方法把目标数据库名提交到page.html，这一步参数确实能进入page.html的请求上下文，但后续js1.js发起的、指向script.php的$.getJSON GET请求，完全没有携带这个数据库名称参数。
• connect.php的原有逻辑存在触发条件错位：代码里只有检测到POST请求携带提交按钮参数时，才会给$text（也就是连接串里的目标dbname）赋值。但script.php被GET请求调用时，connect.php根本触发不了赋值逻辑，$text是空值，最终pg_connect拼接的连接串没有有效dbname，连接失败，返回空JSON，前端表格自然不会渲染出任何数据。
• 硬编码dbname时，因为$text是写死的固定值，不依赖任何前端传参，所以连接、查询、渲染全流程正常，刚好可以排除前端渲染、SQL查询、数据库权限环节的故障。

1. 打通page页面的参数接收逻辑
   把原有的静态page.html修改为page.php，在页面最顶部添加参数接收逻辑，把POST过来的数据库名称转成前端可读取的全局变量，解决静态页面无法解析POST参数的问题：

   <?php
   // 接收表单提交的数据库名称，做基础非空校验
   $target_db = isset($_POST['db_name']) ? trim($_POST['db_name']) : '';
   if(empty($target_db)){
       exit("未获取到目标数据库名称，请返回表单重新输入");
   }
   ?>
   <!-- 把校验通过的数据库名称注入到前端全局变量 -->
   <script>
       window.targetDb = "<?= addslashes($target_db) ?>";
   </script>
   

2. 修正js1.js的异步请求逻辑
   修改原有无参的$.getJSON调用，把全局变量里的目标数据库名称作为请求参数传给script.php：

   // 原有无参请求替换为带参请求
   $.getJSON('script.php', {dbname: window.targetDb}, function(res){
       // 保留原有表格渲染逻辑，把返回的res填充到tbody中
   })
   

3. 调整connect.php的参数读取逻辑
   去掉原来「只有POST携带提交按钮才给$text赋值」的错位触发条件，改成从请求参数中统一读取dbname，兼容GET/POST的传参场景：

   // connect.php 核心修改
   // 移除原有的提交按钮判断逻辑
   $text = isset($_REQUEST['dbname']) ? trim($_REQUEST['dbname']) : '';
   if(empty($text)){
       die(json_encode(['code'=>400, 'msg'=>'未传入目标数据库名称']));
   }
   // 保留原有连接逻辑：拼接连接串、pg_connect、连接有效性校验
   $conn_str = "host=localhost port=5432 dbname={$text} user=你的数据库账号 password=你的数据库密码";
   $conn = pg_connect($conn_str);
   if(!$conn){
       die(json_encode(['code'=>500, 'msg'=>'数据库连接失败：'.pg_last_error()]));
   }
   

4. 修正表单的提交指向
   把表单的action属性指向修改后的page.php，保留新开标签页的提交配置即可：

   <form method="POST" action="page.php" target="_blank">
       <input type="text" name="db_name" placeholder="请输入目标数据库名称">
       <button type="submit" name="submit_btn">提交查询</button>
   </form>
   

• 所有需要接收请求参数、处理动态逻辑的页面，都必须使用PHP后缀，静态.html页面不会被服务端解析POST请求体里的参数，自然无法传递后续逻辑需要的上下文。
• 不要混淆connect.php的执行时机：当前架构下connect.php是被script.php接口引入的，每次前端发起数据请求时才会执行，并不是表单提交时就会自动执行，所以不能依赖表单提交时的POST触发来给connect.php的变量赋值。
• 所有从前端传入的dbname参数，都要做格式合法性校验，避免无效值导致连接异常，同时规避潜在的注入风险。

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