parse url javascript

Analizar una URL en JavaScript

Question

¿Cómo puedo analizar una URL con JavaScript (también con jQuery)?

Por ejemplo, tengo esto en mi cadena,

url = "http://example.com/form_image_edit.php?img_id=33"

Quiero obtener el valor de img_id

Sé que puedo hacer esto fácilmente con PHP con parse_url() , pero quiero saber cómo es posible con JavaScript.

Answer 1

Algo como esto debería funcionar para ti. Incluso si hay múltiples valores de cadena de consulta, esta función debería devolver el valor de la clave deseada.

function getQSValue(url)
{
key = ''img_id'';
query_string = url.split(''?'');
string_values = query_string[1].split(''&'');
for(i=0; i < string_values.length; i++)
{
if( string_values[i].match(key))
req_value = string_values[i].split(''='');
}
return req_value[1];
}

Answer 2

Escribí una biblioteca de análisis de JavaScript url, URL.js , puede usarlo para esto.

Ejemplo:

url.parse("http://mysite.com/form_image_edit.php?img_id=33").get.img_id === "33"

Answer 3

Esto debería solucionar algunos casos extremos en la respuesta de kobe:

function getQueryParam(url, key) {
var queryStartPos = url.indexOf(''?'');
if (queryStartPos === -1) {
return;
}
var params = url.substring(queryStartPos + 1).split(''&'');
for (var i = 0; i < params.length; i++) {
var pairs = params[i].split(''='');
if (decodeURIComponent(pairs.shift()) == key) {
return decodeURIComponent(pairs.join(''=''));
}
}
}
getQueryParam(''http://example.com/form_image_edit.php?img_id=33'', ''img_id'');
// outputs "33"

Answer 4

Existe un buen plugin de jQuery Purl (un analizador de URL de JavaScript) . Esta utilidad se puede usar de dos maneras: con jQuery o sin ...

Answer 5

Prueba esto:

var url = window.location;
var urlAux = url.split(''='');
var img_id = urlAux[1]

Answer 6

Puede usar el plugin jquery http://plugins.jquery.com/url . $.url("?img_id") devolverá 33

Answer 7

Puede usar un truco para crear un elemento a, agregarle la url y luego usar su objeto Location .

function parseUrl( url ) {
var a = document.createElement(''a'');
a.href = url;
return a;
}
parseUrl(''http://example.com/form_image_edit.php?img_id=33'').search

Que dará salida ?img_id=33

También puede usar php.js para obtener la función parse_url en JavaScript .

Actualización (05-07-2012)

Recomendaría utilizar la excelente biblioteca URI.js si necesita hacer algo más que el manejo súper simple de URL.

Answer 8

Si su cadena se llama s entonces

var id = s.match(/img_id=([^&]+)/)[1]

te lo dará.

Answer 9

Un trazador de líneas:

location.search.replace(''?'','''').split(''&'').reduce(function(s,c){var t=c.split(''='');s[t[0]]=t[1];return s;},{})

Answer 10

lo obtuve de google, intenta usar este método

function getQuerystring2(key, default_)
{
if (default_==null)
{
default_="";
}
var search = unescape(location.search);
if (search == "")
{
return default_;
}
search = search.substr(1);
var params = search.split("&");
for (var i = 0; i < params.length; i++)
{
var pairs = params[i].split("=");
if(pairs[0] == key)
{
return pairs[1];
}
}
return default_;
}

Answer 11

function parse_url(str, component) {
// discuss at: http://phpjs.org/functions/parse_url/
// original by: Steven Levithan (http://blog.stevenlevithan.com)
// reimplemented by: Brett Zamir (http://brett-zamir.me)
// input by: Lorenzo Pisani
// input by: Tony
// improved by: Brett Zamir (http://brett-zamir.me)
// note: original by http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
// note: blog post at http://blog.stevenlevithan.com/archives/parseuri
// note: demo at http://stevenlevithan.com/demo/parseuri/js/assets/parseuri.js
// note: Does not replace invalid characters with ''_'' as in PHP, nor does it return false with
// note: a seriously malformed URL.
// note: Besides function name, is essentially the same as parseUri as well as our allowing
// note: an extra slash after the scheme/protocol (to allow file:/// as in PHP)
// example 1: parse_url(''http://username:password@hostname/path?arg=value#anchor'');
// returns 1: {scheme: ''http'', host: ''hostname'', user: ''username'', pass: ''password'', path: ''/path'', query: ''arg=value'', fragment: ''anchor''}
var query, key = [''source'', ''scheme'', ''authority'', ''userInfo'', ''user'', ''pass'', ''host'', ''port'',
''relative'', ''path'', ''directory'', ''file'', ''query'', ''fragment''
],
ini = (this.php_js && this.php_js.ini) || {},
mode = (ini[''phpjs.parse_url.mode''] &&
ini[''phpjs.parse_url.mode''].local_value) || ''php'',
parser = {
php: /^(?:([^://?#]+):)?(?:////()(?:(?:()(?:([^:@]*):?([^:@]*))?@)?([^://?#]*)(?::(/d*))?))?()(?:(()(?:(?:[^?#//]*//)*)()(?:[^?#]*))(?:/?([^#]*))?(?:#(.*))?)/,
strict: /^(?:([^://?#]+):)?(?:////((?:(([^:@]*):?([^:@]*))?@)?([^://?#]*)(?::(/d*))?))?((((?:[^?#//]*//)*)([^?#]*))(?:/?([^#]*))?(?:#(.*))?)/,
loose: /^(?:(?![^:@]+:[^:@//]*@)([^://?#.]+):)?(?://////?)?((?:(([^:@]*):?([^:@]*))?@)?([^://?#]*)(?::(/d*))?)(((//(?:[^?#](?![^?#//]*/.[^?#//.]+(?:[?#]|$)))*//?)?([^?#//]*))(?:/?([^#]*))?(?:#(.*))?)/ // Added one optional slash to post-scheme to catch file:/// (should restrict this)
};
var m = parser[mode].exec(str),
uri = {},
i = 14;
while (i--) {
if (m[i]) {
uri[key[i]] = m[i];
}
}
if (component) {
return uri[component.replace(''PHP_URL_'', '''')
.toLowerCase()];
}
if (mode !== ''php'') {
var name = (ini[''phpjs.parse_url.queryKey''] &&
ini[''phpjs.parse_url.queryKey''].local_value) || ''queryKey'';
parser = /(?:^|&)([^&=]*)=?([^&]*)/g;
uri[name] = {};
query = uri[key[12]] || '''';
query.replace(parser, function($0, $1, $2) {
if ($1) {
uri[name][$1] = $2;
}
});
}
delete uri.source;
return uri;
}

reference

Answer 12

var url = window.location;
var urlAux = url.split(''='');
var img_id = urlAux[1]

Trabajó para mi. Pero la primera var debe ser var url = window.location.href