Ottieni il parametro URL di escape

Sto cercando un plug-in jQuery in grado di ottenere i parametri URL e supportare questa stringa di ricerca senza generare l'errore JavaScript: "sequenza URI non valida". Se non esiste un plug-in jQuery che supporti questo, devo sapere come modificarlo per supportarlo.

?search=%E6%F8%E5

Il valore del parametro URL, quando decodificato, dovrebbe essere:

æøå

(i personaggi sono norvegesi).

Non ho accesso al server, quindi non posso modificare nulla su di esso.

function getURLParameter(name) {
    return decodeURI(
        (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
    );
}

Di seguito è riportato ciò che ho creato dai commenti qui, oltre a correggere bug non menzionati (come effettivamente restituire null e non "null"):

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}

Quello che vuoi davvero è il plug-in Parser URL jQuery . Con questo plugin, ottenere il valore di un parametro URL specifico (per l'URL corrente) è simile al seguente:

$.url().param('foo');

Se vuoi un oggetto con nomi di parametro come chiavi e valori di parametro come valori, chiameresti param()senza un argomento, come questo:

$.url().param();

Questa libreria funziona anche con altri URL, non solo quello corrente:

$.url('http://allmarkedup.com?sky=blue&grass=green').param();
$('#myElement').url().param(); // works with elements that have 'src', 'href' or 'action' attributes

Poiché si tratta di un'intera libreria di analisi dell'URL, puoi anche ottenere altre informazioni dall'URL, come la porta specificata, il percorso, il protocollo ecc:

var url = $.url('http://allmarkedup.com/folder/dir/index.html?item=value');
url.attr('protocol'); // returns 'http'
url.attr('path'); // returns '/folder/dir/index.html'

Ha anche altre funzionalità, controlla la sua homepage per ulteriori documenti ed esempi.

Invece di scrivere il proprio parser URI per questo scopo specifico che genere di opere in maggior parte dei casi, utilizzare un parser reale URI. A seconda della risposta, il codice di altre risposte può restituire 'null'invece di null, non funziona con parametri vuoti ( ?foo=&bar=x), non può analizzare e restituire tutti i parametri contemporaneamente, ripete il lavoro se si interrogano ripetutamente l'URL per parametri ecc.

Usa un vero parser URI, non inventare il tuo.

Per chi è contrario a jQuery, esiste una versione del plugin che è JS puro .

Se non sai quali saranno i parametri URL e desideri ottenere un oggetto con le chiavi e i valori che si trovano nei parametri, puoi utilizzare questo:

function getParameters() {
  var searchString = window.location.search.substring(1),
      params = searchString.split("&"),
      hash = {};

  if (searchString == "") return {};
  for (var i = 0; i < params.length; i++) {
    var val = params[i].split("=");
    hash[unescape(val[0])] = unescape(val[1]);
  }
  return hash;
}

Chiamare getParameters () con un URL come /posts?date=9/10/11&author=nilbussarebbe restituito:

{
  date:   '9/10/11',
  author: 'nilbus'
}

Non includerò il codice qui poiché è ancora più lontano dalla domanda, ma weareon.net ha pubblicato una libreria che consente anche la manipolazione dei parametri nell'URL:

• Post del blog: http://blog.weareon.net/working-with-url-parameters-in-javascript/
• Codice: http://pastebin.ubuntu.com/1163515/

È possibile utilizzare la proprietà location.search nativa del browser :

function getParameter(paramName) {
  var searchString = window.location.search.substring(1),
      i, val, params = searchString.split("&");

  for (i=0;i<params.length;i++) {
    val = params[i].split("=");
    if (val[0] == paramName) {
      return unescape(val[1]);
    }
  }
  return null;
}

Ma ci sono alcuni plugin jQuery che possono aiutarti:

• query oggetto
• getURLParam

Basato sulla risposta del 999 :

function getURLParameter(name) {
    return decodeURIComponent(
        (location.search.match(RegExp("[?|&]"+name+'=(.+?)(&|$)'))||[,null])[1]
    );  
}

I cambiamenti:

• decodeURI() è sostituito da decodeURIComponent()
• [?|&] viene aggiunto all'inizio del regexp

È necessario aggiungere il parametro i per renderlo maiuscolo / minuscolo:

  function getURLParameter(name) {
    return decodeURIComponent(
      (RegExp(name + '=' + '(.+?)(&|$)', 'i').exec(location.search) || [, ""])[1]
    );
  }

Dopo aver letto tutte le risposte ho finito con questa versione con + una seconda funzione per usare i parametri come flag

function getURLParameter(name) {
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)','i').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null;
}

function isSetURLParameter(name) {
    return (new RegExp('[?|&]' + name + '(?:[=|&|#|;|]|$)','i').exec(location.search) !== null)
}

$.urlParam = function(name){
  var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(top.window.location.href); 
  return (results !== null) ? results[1] : 0;
}

$.urlParam("key");

Ad esempio, una funzione che restituisce il valore di qualsiasi variabile di parametro.

function GetURLParameter(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}​

Ed è così che puoi usare questa funzione supponendo che l'URL sia,

"Http://example.com/?technology=jquery&blog=jquerybyexample".

var tech = GetURLParameter('technology');
var blog = GetURLParameter('blog');

Quindi nella variabile di codice sopra "tech" avrà "jQuery" come valore e la variabile "blog" sarà "jquerybyexample".

Non dovresti usare jQuery per qualcosa del genere!
Il modo moderno è usare piccoli moduli riutilizzabili attraverso un gestore di pacchetti come Bower.

Ho creato un piccolo modulo in grado di analizzare la stringa di query in un oggetto. Usalo in questo modo:

// parse the query string into an object and get the property
queryString.parse(unescape(location.search)).search;
//=> æøå

C'è un sacco di buggy code qui e le soluzioni regex sono molto lente. Ho trovato una soluzione che funziona fino a 20 volte più veloce della controparte regex ed è elegantemente semplice:

    /*
    *   @param      string      parameter to return the value of.
    *   @return     string      value of chosen parameter, if found.
    */
    function get_param(return_this)
    {
        return_this = return_this.replace(/\?/ig, "").replace(/=/ig, ""); // Globally replace illegal chars.

        var url = window.location.href;                                   // Get the URL.
        var parameters = url.substring(url.indexOf("?") + 1).split("&");  // Split by "param=value".
        var params = [];                                                  // Array to store individual values.

        for(var i = 0; i < parameters.length; i++)
            if(parameters[i].search(return_this + "=") != -1)
                return parameters[i].substring(parameters[i].indexOf("=") + 1).split("+");

        return "Parameter not found";
    }

console.log(get_param("parameterName"));

Regex non è la soluzione completa, poiché per questo tipo di problema la semplice manipolazione delle stringhe può funzionare in modo molto più efficiente. Codice sorgente .

<script type="text/javascript">
function getURLParameter(name) {
        return decodeURIComponent(
            (location.search.toLowerCase().match(RegExp("[?|&]" + name + '=(.+?)(&|$)')) || [, null])[1]
        );
    }

</script>

getURLParameter(id)o getURLParameter(Id)funziona allo stesso modo:)

Frammento di codice jQuery per ottenere le variabili dinamiche archiviate nell'URL come parametri e memorizzarle come variabili JavaScript pronte per l'uso con gli script:

$.urlParam = function(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
}

example.com?param1=name&param2=&id=6

$.urlParam('param1'); // name
$.urlParam('id');        // 6
$.urlParam('param2');   // null

//example params with spaces
http://www.jquery4u.com?city=Gold Coast
console.log($.urlParam('city'));  
//output: Gold%20Coast

console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast

function getURLParameters(paramName) 
{
        var sURL = window.document.URL.toString();  
    if (sURL.indexOf("?") > 0)
    {
       var arrParams = sURL.split("?");         
       var arrURLParams = arrParams[1].split("&");      
       var arrParamNames = new Array(arrURLParams.length);
       var arrParamValues = new Array(arrURLParams.length);     
       var i = 0;
       for (i=0;i<arrURLParams.length;i++)
       {
        var sParam =  arrURLParams[i].split("=");
        arrParamNames[i] = sParam[0];
        if (sParam[1] != "")
            arrParamValues[i] = unescape(sParam[1]);
        else
            arrParamValues[i] = "No Value";
       }

       for (i=0;i<arrURLParams.length;i++)
       {
                if(arrParamNames[i] == paramName){
            //alert("Param:"+arrParamValues[i]);
                return arrParamValues[i];
             }
       }
       return "No Parameters Found";
    }

}

Ho creato una semplice funzione per ottenere il parametro URL in JavaScript da un URL come questo:

.....58e/web/viewer.html?page=*17*&getinfo=33


function buildLinkb(param) {
    var val = document.URL;
    var url = val.substr(val.indexOf(param))  
    var n=parseInt(url.replace(param+"=",""));
    alert(n+1); 
}
buildLinkb("page");

PRODUZIONE: 18

Nel caso abbiate l'url come localhost / index.xsp? A = 1 # qualcosa e dovete ottenere il parametro non l'hash.

var vars = [], hash, anchor;
var q = document.URL.split('?')[1];
if(q != undefined){
    q = q.split('&');
    for(var i = 0; i < q.length; i++){
        hash = q[i].split('=');
        anchor = hash[1].split('#');
        vars.push(anchor[0]);
        vars[hash[0]] = anchor[0];
    }
}

Leggera modifica alla risposta di @pauloppenheim, in quanto non gestirà correttamente i nomi dei parametri che possono far parte di altri nomi dei parametri.

Ad esempio: se si dispone dei parametri "appenv" e "env", la ripetizione del valore per "env" può raccogliere il valore "appenv".

fix:

var urlParamVal = function (name) {
    var result = RegExp("(&|\\?)" + name + "=(.+?)(&|$)").exec(location.search);
    return result ? decodeURIComponent(result[2]) : "";
};

Questo può aiutare.

<script type="text/javascript">
    $(document).ready(function(){
        alert(getParameterByName("third"));
    });
    function getParameterByName(name){
        var url     = document.URL,
            count   = url.indexOf(name);
            sub     = url.substring(count);
            amper   = sub.indexOf("&"); 

        if(amper == "-1"){
            var param = sub.split("=");
            return param[1];
        }else{
            var param = sub.substr(0,amper).split("=");
            return param[1];
        }

    }
</script>