如何有效地将 JavaScript 对象编码为查询字符串？

查询字符串的高效 JavaScript 对象编码

将 JavaScript 对象编码为字符串以便通过 GET 请求传输可能是一项繁琐的任务。值得庆幸的是，有一个不依赖第三方库或 jQuery 的简单 JavaScript 解决方案。

以下是具体操作方法：

serialize = function(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}

此函数采用 JavaScript 对象作为输入并返回一个编码字符串。编码过程涉及：

• 迭代对象的属性
• 对属性名称和值进行 URL 编码
• 用与号 (&) 连接编码对分隔符

为了说明这一点，请考虑对以下内容进行编码对象：

{
  foo: "hi there",
  bar: "100%"
}

使用序列化函数：

console.log(serialize({
  foo: "hi there",
  bar: "100%"
}));

将输出以下编码字符串：

foo=hi%20there&bar=100%25

然后可以将此编码字符串作为GET 请求中的查询字符串没有任何麻烦。

以上是如何有效地将 JavaScript 对象编码为查询字符串？的详细内容。更多信息请关注PHP中文网其他相关文章！