jQuery push构造字符串数组POST传值到PHP时接收为空问题

通过jQuery POST方法向PHP后端传递逗号分隔的ID值时，前端控制台打印的待传ID集合格式看似正常，但PHP后端接收到的page_no参数始终为空。
现有相关代码如下：

1. 构造待传ID集合的jQuery代码

var values = [];
  $('tr#trdata td:nth-child(1)').each(function () {
  values.push("'"+$(this).html()+"'");
});

代码执行后控制台输出的values展示为'238','239','240','241','242','243','244','245','246'。
2. POST请求发起代码

$.ajax({
      url : "mypage.php",
      method:"POST",
      dataType:"text",
      cache:false,
      data:{page_no:values, type: type, keyword: keyword},
                                                                 
      success:function(data){
      }
});

3. PHP端参数接收代码

if (isset($_POST['page_no'])) {
  $page = $_POST['page_no'];
}else{
  $page = 0;
}

• 变量类型认知错误：values是JS数组类型，控制台看到的逗号分隔格式只是数组打印时的默认展示效果，并非变量本身是逗号分隔字符串。直接将数组传入$.ajax的data字段时，jQuery会按表单数组规则序列化，生成page_no[]='238'&page_no[]='239'格式的参数，PHP会将这类带[]后缀的参数解析为数组，和现有代码中按字符串标量读取$_POST['page_no']的逻辑不匹配，导致取值异常。
• 多余的单引号包裹：手动给每个ID值前后拼接单引号属于无效操作，单引号会作为值的一部分传到后端，不仅没有实际作用，还会带来转义异常、SQL注入等风险。

根据业务需求二选一即可：

方案1：前端拼接为逗号分隔字符串（适配现有PHP逻辑） #

如果后端确实需要接收逗号分隔的ID字符串，仅修改前端代码即可：

1. 构造ID集合时去掉多余的单引号，建议用text()替代html()避免取到HTML标签，同时做去空格处理
2. 调用join()方法将数组转为逗号分隔的字符串再传参
   修改后的JS代码：

var values = [];
$('tr#trdata td:nth-child(1)').each(function () {
  values.push($(this).text().trim());
});
// 拼接为逗号分隔字符串
var pageNoStr = values.join(',');

$.ajax({
  url : "mypage.php",
  method:"POST",
  dataType:"text",
  cache:false,
  data:{
    page_no: pageNoStr, // 传入拼接好的字符串，而非原数组
    type: type, 
    keyword: keyword
  },
  success:function(data){
    // 业务逻辑
  }
});

PHP端代码无需修改，即可正常接收到类似238,239,240格式的逗号分隔字符串。后续如果需要将该值用于数据库查询，必须使用预处理参数绑定，禁止直接拼接SQL，避免SQL注入风险。

方案2：按数组格式传参（适配数组接收逻辑） #

如果不需要后端接收逗号分隔字符串，直接传数组效率更高：

1. JS端构造数组时去掉多余单引号，传参时可显式给参数名加[]保证多版本jQuery兼容性
2. PHP端修改接收逻辑，按数组格式读取参数
   修改后的JS代码：

var values = [];
$('tr#trdata td:nth-child(1)').each(function () {
  values.push($(this).text().trim());
});

$.ajax({
  url : "mypage.php",
  method:"POST",
  dataType:"text",
  cache:false,
  data:{
    'page_no[]': values, // 显式加[]兼容所有jQuery版本
    type: type, 
    keyword: keyword
  },
  success:function(data){
    // 业务逻辑
  }
});

修改后的PHP代码：

if (isset($_POST['page_no']) && is_array($_POST['page_no'])) {
  $page = $_POST['page_no']; // 此时$page为ID数组，每个元素为对应ID值
}else{
  $page = 0;
}

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