Làm cách nào để tạo tham số truy vấn trong Javascript?

Có cách nào để tạo các tham số truy vấn để thực hiện yêu cầu GET trong JavaScript không?

Giống như trong Python bạn có urllib.urlencode(), nó lấy một từ điển (hoặc danh sách hai bộ dữ liệu) và tạo ra một chuỗi như thế nào 'var1=value1&var2=value2'.

Ở đây bạn đi:

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

Sử dụng:

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

URLSearchParams đã tăng hỗ trợ trình duyệt.

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

const searchParams = new URLSearchParams(data);

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

Node.js cung cấp mô-đun chuỗi truy vấn .

const querystring = require('querystring');

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

const searchParams = querystring.stringify(data);

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

chức năng

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

Zabba đã cung cấp trong một nhận xét về câu trả lời hiện được chấp nhận một gợi ý rằng với tôi là giải pháp tốt nhất: sử dụng jQuery.param () .

Nếu tôi sử dụng jQuery.param()dữ liệu trong câu hỏi ban đầu, thì mã chỉ đơn giản là:

const params = jQuery.param({
    var1: 'value',
    var2: 'value'
});

Biến paramssẽ là

"var1=value&var2=value"

Để biết các ví dụ, đầu vào và đầu ra phức tạp hơn, hãy xem tài liệu jQuery.param () .

Chúng tôi vừa phát hành arg.js , một dự án nhằm giải quyết vấn đề này một lần và mãi mãi. Theo truyền thống, nó rất khó khăn nhưng bây giờ bạn có thể làm:

var querystring = Arg.url({name: "Mat", state: "CO"});

Và đọc tác phẩm:

var name = Arg("name");

hoặc nhận được toàn bộ lô:

var params = Arg.all();

và nếu bạn quan tâm đến sự khác biệt giữa ?query=truevà #hash=truesau đó bạn có thể sử dụng Arg.query()và Arg.hash()phương thức.

Điều này sẽ làm công việc:

const createQueryParams = params => 
      Object.keys(params)
            .map(k => `${k}=${encodeURI(params[k])}`)
            .join('&');

Thí dụ:

const params = { name : 'John', postcode: 'W1 2DL'}
const queryParams = createQueryParams(params)

Kết quả:

name=John&postcode=W1%202DL

ES2017 (ES8)

Việc sử dụng Object.entries(), trả về một mảng các [key, value]cặp đối tượng . Ví dụ, cho {a: 1, b: 2}nó sẽ trở lại [['a', 1], ['b', 2]]. Nó không chỉ được hỗ trợ (và sẽ không) bởi IE.

Mã số:

const buildURLQuery = obj =>
      Object.entries(obj)
            .map(pair => pair.map(encodeURIComponent).join('='))
            .join('&');

Thí dụ:

buildURLQuery({name: 'John', gender: 'male'});

Kết quả:

"name=John&gender=male"

Nếu bạn đang sử dụng Prototype, có Form.serialize

Nếu bạn đang sử dụng jQuery, có Ajax / serialize

Mặc dù vậy, tôi không biết bất kỳ chức năng độc lập nào để thực hiện việc này, nhưng một tìm kiếm google cho nó đã đưa ra một số tùy chọn đầy hứa hẹn nếu bạn hiện không sử dụng thư viện. Tuy nhiên, nếu bạn không, bạn thực sự nên bởi vì họ là thiên đường.

Chỉ muốn xem lại câu hỏi gần 10 năm tuổi này. Trong thời đại lập trình sẵn có này, cách tốt nhất của bạn là thiết lập dự án của bạn bằng cách sử dụng trình quản lý phụ thuộc ( npm). Có một toàn bộ ngành công nghiệp thư viện ngoài kia mã hóa các chuỗi truy vấn và xử lý tất cả các trường hợp cạnh. Đây là một trong những phổ biến hơn -

https://www.npmjs.com/package/query- chuỗi

Một chút sửa đổi cho bản thảo:

  public encodeData(data: any): string {
    return Object.keys(data).map((key) => {
      return [key, data[key]].map(encodeURIComponent).join("=");
    }).join("&");
  }

Chủ đề này chỉ ra một số mã để thoát URL trong php. Có escape()và unescape()sẽ làm hầu hết công việc, nhưng bạn cần thêm một vài điều nữa.

function urlencode(str) {
str = escape(str);
str = str.replace('+', '%2B');
str = str.replace('%20', '+');
str = str.replace('*', '%2A');
str = str.replace('/', '%2F');
str = str.replace('@', '%40');
return str;
}

function urldecode(str) {
str = str.replace('+', ' ');
str = unescape(str);
return str;
}