¿Cómo crear parámetros de consulta en Javascript?

Question

¿Hay alguna manera de crear los parámetros de consulta para hacer una solicitud GET en JavaScript?

Al igual que en Python tiene urllib.urlencode(), que toma en un diccionario (o una lista de dos tuplas) y crea una cadena como 'var1=value1&var2=value2'.

Answer 1

Aquí van:

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

Uso:

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

Answer 2

Si está utilizando Prototype hay Form.serialize

Si está utilizando jQuery Hay Ajax/serialize

No sé de ningún funciones independientes para lograr esto, sin embargo, pero una búsqueda en Google de que se presentó algunas opciones prometedoras si actualmente no está utilizando una biblioteca. Si no lo eres, sin embargo, deberías hacerlo porque son el paraíso.

Answer 3

Este thread apunta a algún código para el escape de URL en php. Hay escape() y unescape() que harán la mayor parte del trabajo, pero es necesario agregar un par de cosas adicionales.

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

funcional

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

Answer 5

Hemos acaba de publicar arg.js, un proyecto destinado a resolver este problema de una vez por todas. Tradicionalmente ha sido tan difícil, pero ahora se puede hacer:

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

y obras de lectura:

var name = Arg("name"); 

o conseguir la totalidad del lote:

var params = Arg.all(); 

y si se preocupan por la diferencia entre ?query=true y #hash=true luego puede usar los métodos Arg.query() y Arg.hash().

Answer 6

Zabba ha proporcionado en un comentario sobre la respuesta aceptada actualmente una sugerencia que para mí es la mejor solución: use jQuery.param().

Si uso jQuery.param() en los datos de la pregunta original, entonces el código es simplemente:

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

La variable params habrá

"var1=value&var2=value" 

Para más complicada ejemplos, entradas y salidas, ver la documentación jQuery.param().

Answer 7

Una pequeña modificación al texto mecanografiado:

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

Answer 8

al igual que volver a examinar esta cuestión casi 10 años de edad. En esta era de programación disponible, su mejor opción es configurar su proyecto usando un administrador de dependencias (npm). Existe toda una industria casera de bibliotecas que codifica las cadenas de consulta y se ocupa de todos los casos extremos. Este es uno de los más populares -

https://www.npmjs.com/package/query-string