如何在DataTable的AJAX请求中通过POST方法传递参数

开发者阿泽

2026-5-29

将DataTables AJAX请求从GET改为POST传递参数

没问题，我来帮你把这个DataTables的AJAX请求从GET改成POST方式~

你原来的代码是通过拼接URL参数的方式用GET请求加载数据，要改成POST的话，需要利用DataTables的AJAX配置项来指定请求类型，同时把参数放在请求体里传递，而不是URL中。

解决方案代码

如果你是要修改已经初始化好的表格，可以这样重新配置AJAX并加载数据：

// 重新配置DataTables的AJAX请求设置
activeSemster.ajax({
  url: "semesterSubjectMap_db.php",
  type: "POST", // 指定请求类型为POST
  data: function() {
    // 返回要传递的POST参数，这里可以动态获取最新的表单值
    return {
      type: "SELECT_ACTIVE_SEMESTER",
      _s: session,
      course_code: $('#cmbActvSemCourse').val(),
      batch_code: "", // 保持原代码中的空值
      semester_status: "" // 保持原代码中的空值
    };
  }
});

// 触发表格重新加载数据
activeSemster.draw();

为什么这样做？

用data函数返回参数的好处是，每次发起请求时都会重新获取#cmbActvSemCourse的最新值，而不是固定使用初始化时的旧值，更适配动态变化的场景。
直接指定type: "POST"就能让DataTables用POST方法发送请求，参数会被放在请求体里，而不是拼接在URL上。

初始化时就配置POST请求（可选）

如果你的表格还没初始化，也可以在初始化阶段直接配置AJAX为POST：

var activeSemster = $('#tblActiveSemester').DataTable({
  ajax: {
    url: "semesterSubjectMap_db.php",
    type: "POST",
    data: function() {
      return {
        type: "SELECT_ACTIVE_SEMESTER",
        _s: session,
        course_code: $('#cmbActvSemCourse').val(),
        batch_code: "",
        semester_status: ""
      };
    }
  },
  // 其他表格配置项...
});