Cách tạo tham số truy vấn trong Javascript?

Question

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

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

Answer 1

Ở đây bạn đi:

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

Cách sử dụng:

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

Answer 2

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

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

Tôi không biết về bất kỳ chức năng độc lập để thực hiện điều này, tuy nhiên, nhưng một tìm kiếm google cho nó bật lên 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. Nếu bạn không, mặc dù, bạn thực sự nên vì họ là thiên đàng.

Answer 3

Điều này thread trỏ đến một số mã để thoát URL trong php. Có escape() và unescape() sẽ thực hiện hầu hết công việc nhưng bạn cần thêm một vài thứ.

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; 
} 

Answer 4

chức năng

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

Answer 5

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. Nó truyền thống là 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 hoạt động:

var name = Arg("name"); 

hoặc nhận được toàn bộ rất nhiều:

var params = Arg.all(); 

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

Answer 6

Zabba đã cung cấp trong nhận xét về câu trả lời hiện được chấp nhận mà đề xuất 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() trên các dữ liệu trong câu hỏi ban đầu, sau đó mã đơn giản là:

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

Biến params sẽ

"var1=value&var2=value" 

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

Answer 7

Một thay đổi nhỏ để nguyên cảo:

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

Answer 8

Giống như để lại câu hỏi này gần 10 tuổi. Trong thời đại lập trình sẵn có này, đặt cược 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 tiểu thủ của thư viện ra có mã hóa chuỗi truy vấn và chăm sóc của 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-string