Uzyskaj parametr zmiany znaczenia adresu URL

Szukam wtyczki jQuery, która może pobierać parametry adresu URL i obsługiwać ten ciąg wyszukiwania bez wyświetlania błędu JavaScript: „zniekształcona sekwencja URI”. Jeśli nie ma wtyczki jQuery, która to obsługuje, muszę wiedzieć, jak ją zmodyfikować, aby to obsługiwała.

?search=%E6%F8%E5

Wartość parametru URL po zdekodowaniu powinna wynosić:

æøå

(znaki są norweskie).

Nie mam dostępu do serwera, więc nie mogę niczego na nim modyfikować.

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

Poniżej jest to, co utworzyłem z komentarzy tutaj, a także naprawianie błędów, o których nie wspomniano (takich jak zwracanie wartości null, a nie „null”):

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

To, czego naprawdę chcesz, to wtyczka jQuery URL Parser . Dzięki tej wtyczce uzyskanie wartości określonego parametru adresu URL (dla bieżącego adresu URL) wygląda następująco:

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

Jeśli chcesz obiekt z nazwami parametrów jako kluczami i wartościami parametrów jako wartości, po prostu wywołaj param()bez argumentu, na przykład:

$.url().param();

Ta biblioteka działa również z innymi adresami URL, nie tylko bieżącym:

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

Ponieważ jest to cała biblioteka analizująca adresy URL, możesz również uzyskać inne informacje z adresu URL, takie jak określony port lub ścieżka, protokół itp:

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'

Ma również inne funkcje, sprawdź stronę główną, aby uzyskać więcej dokumentów i przykładów.

Zamiast pisać własny parser URI dla tego konkretnego celu, który w pewnym sensie działa w większości przypadków używać rzeczywistego parsera URI. W zależności od odpowiedzi kod z innych odpowiedzi może zwrócić 'null'zamiast null, nie działa z pustymi parametrami ( ?foo=&bar=x), nie może parsować i zwracać wszystkich parametrów naraz, powtarza pracę, jeśli wielokrotnie pytasz URL o parametry itp.

Użyj rzeczywistego analizatora składni URI, nie wymyślaj własnego.

Dla tych, którzy są niechętni do jQuery, dostępna jest wersja wtyczki, która jest czystym JS .

Jeśli nie wiesz, jakie będą parametry adresu URL i chcesz uzyskać obiekt z kluczami i wartościami, które są w parametrach, możesz użyć tego:

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

Wywołanie getParameters () z adresem URL jak /posts?date=9/10/11&author=nilbuszwróci:

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

Nie dołączę tutaj kodu, ponieważ jest on jeszcze dalej od pytania, ale weareon.net opublikował bibliotekę, która pozwala również na manipulowanie parametrami w adresie URL:

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

Możesz użyć właściwości macierzystej location.search przeglądarki :

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

Ale jest kilka wtyczek jQuery, które mogą ci pomóc:

• obiekt zapytania
• getURLParam

Na podstawie odpowiedzi z 999 :

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

Zmiany:

• decodeURI() jest zastąpiony przez decodeURIComponent()
• [?|&] jest dodawany na początku wyrażenia regularnego

Musisz dodać parametr i, aby rozróżnić wielkość liter:

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

Po przeczytaniu wszystkich odpowiedzi skończyłem z tą wersją z drugą funkcją do używania parametrów jako 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");

Na przykład funkcja, która zwraca wartość dowolnej zmiennej parametrów.

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

I w ten sposób możesz użyć tej funkcji, zakładając, że adres URL to:

„http://example.com/?technology=jquery&blog=jquerybyexample”.

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

Zatem w powyższym kodzie zmienna „tech” będzie miała „jQuery” jako wartość, a zmienna „blog” będzie miała wartość „jquerybyexample”.

Nie powinieneś używać jQuery do czegoś takiego!
Nowoczesny sposób polega na użyciu małych modułów wielokrotnego użytku za pośrednictwem menedżera pakietów, takiego jak Bower.

Stworzyłem mały moduł, który może przetwarzać ciąg zapytania w obiekt. Użyj tego w ten sposób:

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

Jest tu dużo błędnego kodu, a rozwiązania wyrażeń regularnych są bardzo wolne. Znalazłem rozwiązanie, które działa do 20 razy szybciej niż odpowiednik wyrażenia regularnego i jest elegancko proste:

    /*
    *   @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 nie jest rozwiązaniem całościowym, dla tego typu problemów prosta manipulacja łańcuchem może działać znacznie wydajniej. Źródło kodu .

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

</script>

getURLParameter(id)lub getURLParameter(Id)działa tak samo:)

Fragment kodu jQuery, aby uzyskać dynamiczne zmienne przechowywane w adresie URL jako parametry i przechowywać je jako zmienne JavaScript gotowe do użycia ze skryptami:

$.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";
    }

}

Utworzyłem prostą funkcję pobierania parametru URL w JavaScript z adresu URL takiego:

.....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");

WYNIK: 18

Na wypadek, gdybyście mieli adres URL jak localhost / index.xsp? A = 1 # coś i musicie zdobyć parametr, a nie skrót.

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

Niewielka modyfikacja odpowiedzi autorstwa @pauloppenheim, ponieważ nie będzie poprawnie obsługiwać nazw parametrów, które mogą być częścią innych nazw parametrów.

Np .: Jeśli masz parametry „appenv” i „env”, wykupienie wartości dla „env” może podnieść wartość „appenv”.

Naprawić:

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

To może pomóc.

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