Obține parametru url jquery Sau Cum să Obțineți Valori Șir de Interogare În js

Am văzut o mulțime de jQuery exemple în cazul în care parametrul dimensiune și nume sunt necunoscute. Url-ul meu este doar de gând să aibă vreodată 1 șir de caractere:

http://example.com?sent=yes

Vreau doar pentru a detecta:

  1. Înseamnă "trimis" există?
  2. Este egal cu "da"?
Sameer Kazi
Întrebarea editată 15 februarie 2016 в 8:55
Programare
query-string jquery parameters url querystringparameter
21 octombrie 2013 в 9:55
12 vizualizări
Comentarii la întrebare (5)
Soluția

Cele mai bune soluții aici.

var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
};

Și acest lucru este modul în care puteți utiliza această funcție presupunând că URL-ul este, http://dummy.com/?technology=jquery&blog=jquerybyexample. 

var tech = getUrlParameter('technology');
var blog = getUrlParameter('blog');
Sebastian S
Răspuns editat 3 noiembrie 2018 в 7:51
Comentarii (33)

Soluția la 2019

Avem: http://example.com?sent=yes

let searchParams = new URLSearchParams(window.location.search)

Nu trimis de exista?

searchParams.has('sent') // true

E egal pentru a "da"?

let param = searchParams.get('sent')

și apoi doar să-l compare.

Optio
Răspuns editat 2 ianuarie 2019 в 8:12
Comentarii (11)

jQuery fragment de cod pentru a obține dinamice variabile stocate în url-ul ca parametri și a le stoca ca variabile JavaScript gata de utilizare cu script-uri:

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

exemplu.com?param1=nume&param2=&id=6

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

exemplu params cu spații

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

console.log(decodeURIComponent($.urlParam('city'))); 
//output: Gold Coast
davidrl1000
Răspuns editat 31 octombrie 2018 в 5:03
Comentarii (11)

Eu spun mereu acest lucru ca pe o singură linie. Acum params are vars:

params={};location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){params[k]=v})

multi-căptușite:

var params={};
window.location.search
  .replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str,key,value) {
    params[key] = value;
  }
);

ca o funcție

function getSearchParams(k){
 var p={};
 location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi,function(s,k,v){p[k]=v})
 return k?p[k]:p;
}

care le-ar putea folosi ca:

getSearchParams()  //returns {key1:val1, key2:val2}

sau

getSearchParams("key1")  //returns val1
Comentarii (8)

Ar putea fi prea târziu. Dar această metodă este foarte ușor și simplu

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.url.js"></script>



<script type="text/javascript">
$(function(){
    $.url.attr('protocol')  // --> Protocol: "http"
    $.url.attr('path')      // --> host: "www.example.com"
    $.url.attr('query')         // --> path: "/correct/"
    $.url.attr('message')       // --> query: "done"
    $.url.attr('year')      // --> query: "1990"
});

UPDATE
Necesită plugin url : plugins.jquery.com/url
Multumesc -Ripounet

Comentarii (1)

Încă o altă alternativă funcția de...

function param(name) {
    return (location.search.split(name + '=')[1] || '').split('&')[0];
}
Comentarii (5)

Sau puteți folosi această îngrijite puțin funcția, pentru că - de ce prea complicată soluții?_

function getQueryParam(param, defaultValue = undefined) {
    location.search.substr(1)
        .split("&")
        .some(function(item) { // returns first occurence and stops
            return item.split("=")[0] == param && (defaultValue = item.split("=")[1], true)
        })
    return defaultValue
}

care arata chiar mai bine atunci când simplificată și onelined:

tl;dr-o linie soluție

var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})
rezultatul:
queryDict['trimis'] // nedefinit sau 'valoare'

Dar ce se întâmplă dacă ai encoded characters sau multivalued keys?

Mai bine ai vedea acest răspuns: Cum pot obține valori șir de interogare în JavaScript?

Sneak peak

"?a=1&b=2&c=3&d&e&a=5&a=t%20e%20x%20t&e=http%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dståle%26car%3Dsaab"
> queryDict
a: ["1", "5", "t e x t"]
b: ["2"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=ståle&car=saab"]

> queryDict["a"][1] // "5"
> queryDict.a[1] // "5"
Qwerty
Răspuns editat 23 octombrie 2019 в 11:35
Comentarii (6)

Folosind URLSearchParams:

var params = new window.URLSearchParams(window.location.search);
console.log(params.get('name'));

Fii atent cu privire la compatibilitatea (mai Ales's bine, dar IE și C, poate fi o altă poveste, a verifica acest lucru pentru compatibil referință: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams)

Xin
Răspuns editat 10 martie 2019 в 6:12
Comentarii (2)

Poate ai vrea să - Dentist JS o privire? (disclaimer: am scris codul)

cod:

document.URL == "http://helloworld.com/quotes?id=1337&author=kelvin&message=hello"
var currentURL = document.URL;
var params = currentURL.extract();
console.log(params.id); // 1337
console.log(params.author) // "kelvin"
console.log(params.message) // "hello"

cu Dentist JS, practic puteți apela extras (funcția) pe toate siruri de caractere (de exemplu, document.URL-ul.extract() ) și te întorci un HashMap de toți parametrii găsit. L's, de asemenea, personalizabil de-a face cu delimitatori și toate.

Versiunea Minified < 1kb

Comentarii (0)

Aceasta este una simplă și a lucrat pentru mine 

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

deci, dacă url-ul este http://www.yoursite.com?city=4

încercați acest lucru 

console.log($.urlParam('city'));
Comentarii (0)

Sper acest lucru vă va ajuta.

 <script type="text/javascript">
   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;
   }

    $(window).load(function() {
      var param = getParameters();
      if (typeof param.sent !== "undefined") {
        // Do something.
      }
    });
</script>
Comentarii (0)
function GetRequestParam(param)
{
    var res = null;
    try{
        var qs = decodeURIComponent(window.location.search.substring(1));//get everything after then '?' in URI
        var ar = qs.split('&');
        $.each(ar, function(a, b){
            var kv = b.split('=');
            if(param === kv[0]){
                res = kv[1];
                return false;//break loop
            }
        });
    }catch(e){}
    return res;
}
Comentarii (0)

Încercați acest demo de lucru http://jsfiddle.net/xy7cX/

API:

Acest lucru ar trebui să ajutor :)

cod

var url = "http://myurl.com?sent=yes"

var pieces = url.split("?");
alert(pieces[1] + " ===== " + $.inArray("sent=yes", pieces));
Comentarii (1)

Atât de simplu, puteți folosi orice url-ul și a obține valoarea

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

Exemplu De Utilizare

// query string: ?first=value1&second=&value2
var foo = getParameterByName('first'); // "value1"
var bar = getParameterByName('second'); // "value2"

Notă: Dacă un parametru este prezent de mai multe ori (?prima=valoare1&al doilea=valoare2), veți obține prima valoare (valoare1) și al doilea ca valoare (valoare2).

Comentarii (0)

Acest lucru ar putea fi o exagerare, dar nu este o destul de bibliotecă populară acum disponibil pentru parsarea Uri, numit URI.js.

Exemplu

var uri = "http://example.org/foo.html?technology=jquery&technology=css&blog=stackoverflow";
var components = URI.parse(uri);
var query = URI.parseQuery(components['query']);
document.getElementById("result").innerHTML = "URI = " + uri;
document.getElementById("result").innerHTML += "<br>technology = " + query['technology'];

// If you look in your console, you will see that this library generates a JS array for multi-valued queries!
console.log(query['technology']);
console.log(query['blog']);
<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.17.0/URI.min.js"></script>

<span id="result"></span>
Comentarii (0)

Nu's această mare bibliotecă: https://github.com/allmarkedup/purl

care vă permite de a face pur și simplu

url = 'http://example.com?sent=yes';
sent = $.url(url).param('sent');
if (typeof sent != 'undefined') { // sent exists
   if (sent == 'yes') { // sent is equal to yes
     // ...
   }
}

Exemplul este presupunand ca're folosind jQuery. Ai putea folosi, de asemenea, pur și simplu javascript, sintaxa ar fi un pic diferit.

Comentarii (1)
 
http://example.com?sent=yes

Cele mai bune soluții aici.

function getUrlParameter(name) {
    name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
    var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
    var results = regex.exec(location.href);
    return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, '    '));
};

Cu funcția de mai sus, puteți obține individuale de valori ale parametrilor:

getUrlParameter('sent');
Elia Weiss
Răspuns editat 6 ianuarie 2019 в 3:52
Comentarii (1)

Acest lucru vă va oferi un frumos obiect de a lucra cu

    function queryParameters () {
        var result = {};

        var params = window.location.search.split(/\?|\&/);

        params.forEach( function(it) {
            if (it) {
                var param = it.split("=");
                result[param[0]] = param[1];
            }
        });

        return result;
    }

Și atunci;

    if (queryParameters().sent === 'yes') { .....
Comentarii (1)

Aceasta se bazează pe Gazoris's a răspuns, dar URL-ul decodează parametri, astfel încât acestea pot fi utilizate atunci când acestea conțin alte date decât numere și litere:

function urlParam(name){
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    // Need to decode the URL parameters, including putting in a fix for the plus sign
    // https://stackoverflow.com/a/24417399
    return results ? decodeURIComponent(results[1].replace(/\+/g, '%20')) : null;
}
Comentarii (0)

Acolo este un alt exemplu cu ajutorul URI.js biblioteca.

Exemplu răspunsuri la întrebările exact așa cum a cerut.

var url = 'http://example.com?sent=yes';
var urlParams = new URI(url).search(true);
// 1. Does sent exist?
var sendExists = urlParams.sent !== undefined;
// 2. Is it equal to "yes"?
var sendIsEqualtToYes = urlParams.sent == 'yes';

// output results in readable form
// not required for production
if (sendExists) {
  console.log('Url has "sent" param, its value is "' + urlParams.sent + '"');
  if (urlParams.sent == 'yes') {
    console.log('"Sent" param is equal to "yes"');
  } else {
    console.log('"Sent" param is not equal to "yes"');
  }
} else {
  console.log('Url hasn\'t "sent" param');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.2/URI.min.js"></script>
Comentarii (0)