如何有效地將 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中文網其他相關文章！