JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 Javascript 中創建查詢參數?

給你:

function encodeQueryData(data) {
   const ret = [];
   for (let d in data)
     ret.push(encodeURIComponent(d) + '=' + encodeURIComponent(data[d]));
   return ret.join('&');
}

用法:

const data = { 'first name': 'George', 'last name': 'Jetson', 'age': 110 };
const querystring = encodeQueryData(data);

URLSearchParams 增加了對瀏覽器的支持。

const data = {
  var1: 'value1',
  var2: 'value2'
};

const searchParams = new URLSearchParams(data);

// searchParams.toString() === 'var1=value1&var2=value2'

Node.js 提供了查詢字符串模塊。

const querystring = require('querystring');

const data = {
  var1: 'value1',
  var2: 'value2'
};

const searchParams = querystring.stringify(data);

// searchParams === 'var1=value1&var2=value2'

功能性

function encodeData(data) {
    return Object.keys(data).map(function(key) {
        return [key, data[key]].map(encodeURIComponent).join("=");
    }).join("&");
}   

Tutorial JavaScript 教程
  1. 如何將函數的主體作為字符串獲取?

  2. 如何使用 JavaScript 檢測鼠標右鍵單擊+粘貼?

  3. 空閒時 HTML 畫布的部分閃爍

  4. JavaScript 熟練程度的虛張聲勢指南

  5. 使用 N|Solid 對 Node.js 應用程序和服務進行 CPU 分析

  6. Antd表,如何按日期排序,包括整個時間戳?

  7. 如何在 JavaScript 中清空數組?

  1. 字符串 toLocaleLowerCase() 方法

  2. Javascript 使用 RegEXP 刪除(但不包括)特殊字符之間的字符

  3. 快速中間件

  4. 在 JavaScript forEach() 中使用 Continue

  5. 在 CSS 和 JavaScript 之間建立關係

  6. material-ui 的時間選擇器組件是否可以在打開的對話框中顯示選擇時間

  7. 從對像中刪除空對象

  1. 為什麼我的 Google PageSpeed Insights 得分降低了這麼多?

  2. 如何在 GraphQL 中封裝流式 I/O 接口

  3. 使用 propTypes 在 React js 中進行類型檢查

  4. 用於有效編碼的最佳 Webstorm 插件