如何将DataTables的table.ajax.params()转为URL参数字符串格式

直接拼接table.ajax.params()返回的对象会得到[object%20Object]，核心原因是这个返回值是嵌套结构的对象，直接转字符串会调用默认的toString()方法，无法正确序列化嵌套字段。

下面是两种靠谱的解决方法：

方法1：用jQuery内置的$.param()（最简便） #

既然你已经在用jQuery和DataTables，直接用$.param()就能完美处理嵌套对象的URL序列化，自动生成编码后的参数字符串：

var table = $('#example').DataTable({
  // 你的配置项
});

// 获取参数并序列化
var requestParams = table.ajax.params();
var encodedQuery = $.param(requestParams);

// 拼接成完整URL
var fullUrl = 'http://localhost:80/api/v1/users?' + encodedQuery;

$.param()会自动把columns[0][data]这类嵌套键转换成columns%5B0%5D%5Bdata%5D的URL编码格式，完全匹配你的需求。

方法2：手写递归序列化函数（无jQuery依赖） #

如果项目里不想依赖jQuery的这个方法，可以自己写一个递归函数处理嵌套对象：

function serializeNestedObj(obj, parentKey) {
  const parts = [];
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      const currentKey = parentKey ? `${parentKey}[${key}]` : key;
      const value = obj[key];
      if (typeof value === 'object' && value !== null) {
        parts.push(serializeNestedObj(value, currentKey));
      } else {
        parts.push(`${encodeURIComponent(currentKey)}=${encodeURIComponent(value ?? '')}`);
      }
    }
  }
  return parts.join('&');
}

// 使用示例
var requestParams = table.ajax.params();
var encodedQuery = serializeNestedObj(requestParams);
var fullUrl = 'http://localhost:80/api/v1/users?' + encodedQuery;

这个函数会递归遍历对象的所有层级，把嵌套结构转换成URL要求的格式，同时完成URI编码。

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