📜  如何使用 jQuery 将对象序列化为查询字符串?(1)

📅  最后修改于: 2023-12-03 15:08:22.239000             🧑  作者: Mango

使用 jQuery 将对象序列化为查询字符串

在前端开发中,我们经常需要将一个对象序列化成查询字符串并发送到服务器或者拼接到URL中。使用 jQuery 提供的 $.param 方法可以很方便地将对象转换为查询字符串。

使用方法
$.param(obj);

其中 obj 为要序列化的对象,该方法会返回一个序列化后的字符串。

示例
const obj = {
  name: 'Tom',
  age: 18,
  hobbies: ['reading', 'music'],
  address: {
    city: 'Beijing',
    district: 'Haidian'
  }
};

const qs = $.param(obj);
console.log(qs); // "name=Tom&age=18&hobbies%5B%5D=reading&hobbies%5B%5D=music&address%5Bcity%5D=Beijing&address%5Bdistrict%5D=Haidian"

在上面的示例中,我们将一个包含嵌套对象和数组的对象序列化成了查询字符串。需要注意的是,数组和对象的序列化结果会有些微差别,具体可以参考上面的示例。

总结

使用 jQuery 的 $.param 方法可以很方便地将对象转换为查询字符串。除了常见的对象和数组之外,该方法还能处理一些特殊情况,如将布尔值转换成 true/false。在开发中,我们可以灵活使用该方法来方便地拼接 URL 或发送 AJAX 请求。