JavaScript'te sorgu dizesi de─čerlerini nas─▒l alabilirim?


Al─▒nan cevaba git


JQuery (veya olmadan) arac─▒l─▒─č─▒yla sorgu dizesi de─čerlerini alman─▒n eklenti olmadan bir yolu var m─▒?

├ľyleyse nas─▒l? De─čilse, bunu yapabilen bir eklenti var m─▒?


2701









Cevap say─▒s─▒n─▒ say: 30






G├╝ncelleme: Eyl├╝l-2018

Basit ve iyi (ancak tamamlanmam─▒┼č) taray─▒c─▒ deste─či olan URLSearchParams'─▒ kullanabilirsiniz .https://caniuse.com/%23feat%3Durlsearchparams#feat=urlsearchparams

 const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('myParam');
 

orijinal

Bu ama├ž i├žin jQuery'e ihtiyac─▒n─▒z yok. Sadece baz─▒ saf JavaScript kullanabilirsiniz:

 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, ' '));
}
 

Kullan─▒m─▒:

 // query string: ?foo=lorem&bar=&baz
var foo = getParameterByName('foo'); // "lorem"
var bar = getParameterByName('bar'); // "" (present with empty value)
var baz = getParameterByName('baz'); // "" (present with no value)
var qux = getParameterByName('qux'); // null (absent)
 


Not: Parametre birka├ž kez mevcutsa ( ?foo=lorem&foo=ipsum ), ilk de─čeri al─▒rs─▒n─▒z ( lorem ). Bu konuda standart yoktur ve kullan─▒mlar de─či┼čkenlik g├Âsterir, ├Ârne─čin ┼ču soruya bak─▒n: Yinelenen HTTP GET sorgu anahtarlar─▒n─▒n yetkili konumu .
NOT: ─░┼člev b├╝y├╝k / k├╝├ž├╝k harf duyarl─▒d─▒r. B├╝y├╝k / k├╝├ž├╝k harf duyarl─▒ parametre ad─▒n─▒ tercih ederseniz, RegExp'e 'i' de─či┼čtiricisi ekleyin


Bu, ayn─▒ sonucu daha k─▒saca elde etmek i├žin yeni URLSearchParams ├Âzelliklerine dayanan bir g├╝ncellemedir . A┼ča─č─▒daki " URLSearchParams " ba┼čl─▒kl─▒ cevaba bak─▒n─▒z.


7928







Buraya g├Ânderilen ├ž├Âz├╝mlerin baz─▒lar─▒ yetersizdir. Kodun bir parametreye eri┼čmesi gerekti─činde normal ifade aramas─▒n─▒ yinelemek, tamamen gereksizdir, parametreleri bir ili┼čkisel dizi stil nesnesine b├Âlmek i├žin tek bir i┼člev yeterlidir. HTML 5 Ge├žmi┼či API ile ├žal─▒┼čm─▒yorsan─▒z, bu sayfa ba┼č─▒na yaln─▒zca bir kez gereklidir. Buradaki di─čer ├Âneriler de URLÔÇÖyi do─čru ┼čekilde ├ž├Âzemez.

 var urlParams;
(window.onpopstate = function () {
    var match,
        pl     = /\+/g,  // Regex for replacing addition symbol with a space
        search = /([^&=]+)=?([^&]*)/g,
        decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
        query  = window.location.search.substring(1);

    urlParams = {};
    while (match = search.exec(query))
       urlParams[decode(match[1])] = decode(match[2]);
})(); 

├ľrnek sorgulay─▒c─▒:

?i=main&mode=front&sid=de8d49b78a85a322c4155015fdce22c4&enc=+Hello%20&empty

Sonu├ž:

  urlParams = {
    enc: " Hello ",
    i: "main",
    mode: "front",
    sid: "de8d49b78a85a322c4155015fdce22c4",
    empty: ""
}

alert(urlParams["mode"]);
// -> "front"

alert("empty" in urlParams);
// -> true
 

Bu, dizi stili sorgu dizgilerini de i┼člemek i├žin kolayca geli┼čtirilebilir. Bunun bir ├Ârne─či burada , ancak dizi tarz─▒ parametreler RFC 3986'da tan─▒mlanmad─▒─č─▒ndan, bu cevab─▒ kaynak kodla kirletmeyece─čim. ÔÇťKirliÔÇŁ bir versiyonla ilgilenenler i├žin, a┼ča─č─▒daki kamp─▒n cevab─▒na bak─▒n─▒z .

Ayr─▒ca, yorumlarda belirtildi─či gibi, ├žiftler ; i├žin yasal bir s─▒n─▒rlay─▒c─▒d─▒r key=value . ─░┼členmesi daha karma┼č─▒k bir regex gerektirecek ; ya & da gereksiz oldu─čunu d├╝┼č├╝n├╝yorum, ├ž├╝nk├╝ bu nadiren ; kullan─▒l─▒r ve her ikisinin de kullan─▒lmas─▒n─▒n daha d├╝┼č├╝k bir ihtimal oldu─čunu s├Âyleyebilirim. ; Bunun yerine desteklemeniz gerekiyorsa & , bunlar─▒ yaln─▒zca regex'te de─či┼čtirin.


Sunucu taraf─▒ ├Ân i┼čleme dili kullan─▒yorsan─▒z, sizin i├žin a─č─▒r kald─▒rma i┼člemini yapmak i├žin yerel JSON i┼člevlerini kullanmak isteyebilirsiniz. ├ľrne─čin, PHP'de yazabilirsiniz:

 <script>var urlParams = <?php echo json_encode($_GET, JSON_HEX_TAG);?>;</script> 

Çok daha basit!


1683







ES2015 (ES6)

 getQueryStringParams = query => {
    return query
        ? (/^[?#]/.test(query) ? query.slice(1) : query)
            .split('&')
            .reduce((params, param) => {
                    let [key, value] = param.split('=');
                    params[key] = value ? decodeURIComponent(value.replace(/\+/g, ' ')) : '';
                    return params;
                }, {}
            )
        : {}
};
 

JQuery olmadan

 var qs = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i)
    {
        var p=a[i].split('=', 2);
        if (p.length == 1)
            b[p[0]] = "";
        else
            b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
})(window.location.search.substr(1).split('&'));
 

Gibi bir URL ile ?topic=123&name=query+string , a┼ča─č─▒dakiler d├Ând├╝r├╝l├╝r:

 qs["topic"];    // 123
qs["name"];     // query string
qs["nothere"];  // undefined (object)
 

Google y├Ântemi

GoogleÔÇÖ─▒n kodunu y─▒rtmak, kulland─▒klar─▒ y├Ântemi buldum: getUrlParameters

 function (b) {
    var c = typeof b === "undefined";
    if (a !== h && c) return a;
    for (var d = {}, b = b || k[B][vb], e = b[p]("?"), f = b[p]("#"), b = (f === -1 ? b[Ya](e + 1) : [b[Ya](e + 1, f - e - 1), "&", b[Ya](f + 1)][K](""))[z]("&"), e = i.dd ? ia : unescape, f = 0, g = b[w]; f < g; ++f) {
        var l = b[f][p]("=");
        if (l !== -1) {
            var q = b[f][I](0, l),
                l = b[f][I](l + 1),
                l = l[Ca](/\+/g, " ");
            try {
                d[q] = e(l)
            } catch (A) {}
        }
    }
    c && (a = d);
    return d
}
 

Bu gizlenmi┼č, ancak anla┼č─▒labilir bir durumdur. ├çal─▒┼čm─▒yor ├ž├╝nk├╝ baz─▒ de─či┼čkenler tan─▒ms─▒z.

URL'deki ? ve ayr─▒ca karma de─čerinin parametrelerini aramaya ba┼člarlar # . Daha sonra e┼čit i┼čaretine b├Âld├╝kleri her parametre i├žin b[f][p]("=") (ki bu indexOf , anahtar─▒ / de─čeri almak i├žin karakterin konumunu kullan─▒rlar). B├Âl├╝nerek parametrenin bir de─čeri olup olmad─▒─č─▒n─▒ kontrol ederler, e─čer ├Âyleyse de─čerini depolarlar d , aksi takdirde devam ederler.

Sonunda, d ka├žan ve + i┼čaretlerle ba┼ča ├ž─▒k─▒larak nesne d├Ând├╝r├╝l├╝r . Bu nesne benimki gibi, ayn─▒ davran─▒┼ča sahip.


Bir jQuery eklentisi olarak benim y├Ântem

 (function($) {
    $.QueryString = (function(paramsArray) {
        let params = {};

        for (let i = 0; i < paramsArray.length; ++i)
        {
            let param = paramsArray[i]
                .split('=', 2);

            if (param.length !== 2)
                continue;

            params[param[0]] = decodeURIComponent(param[1].replace(/\+/g, " "));
        }

        return params;
    })(window.location.search.substr(1).split('&'))
})(jQuery);
 

kullan─▒m

 //Get a param
$.QueryString.param
//-or-
$.QueryString["param"]
//This outputs something like...
//"val"

//Get all params as object
$.QueryString
//This outputs something like...
//Object { param: "val", param2: "val" }

//Set a param (only in the $.QueryString object, doesn't affect the browser's querystring)
$.QueryString.param = "newvalue"
//This doesn't output anything, it just updates the $.QueryString object

//Convert object into string suitable for url a querystring (Requires jQuery)
$.param($.QueryString)
//This outputs something like...
//"param=newvalue&param2=val"

//Update the url/querystring in the browser's location bar with the $.QueryString object
history.replaceState({}, '', "?" + $.param($.QueryString));
//-or-
history.pushState({}, '', "?" + $.param($.QueryString));
 

Performans testi (regex y├Ântemine kar┼č─▒ split y├Ântemi) ( jsPerf )

Haz─▒rl─▒k kodu: y├Ântem bildirimi

Test kodunu b├Âl

 var qs = window.GetQueryString(query);

var search = qs["q"];
var value = qs["value"];
var undef = qs["undefinedstring"];
 

Regex test kodu

 var search = window.getParameterByName("q");
var value = window.getParameterByName("value");
var undef = window.getParameterByName("undefinedstring");
 

Firefox 4.0 x86ÔÇÖda Windows Server 2008 R2 / 7 x64ÔÇÖte test etme

  • B├Âl├╝nm├╝┼č y├Ântem : 144,780 ┬▒ 2,17 en h─▒zl─▒
  • Regex y├Ântemi :% 13,891 ┬▒% 0,85 | % 90 daha yava┼č

1260







Artem Barger'─▒n cevab─▒n─▒n geli┼čtirilmi┼č versiyonu :

 function getParameterByName(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
 

─░yile┼čtirme hakk─▒nda daha fazla bilgi i├žin bak─▒n─▒z: http://james.padolsey.com/javascript/bujs-1-getparameterbyname/


656







URLSearchParams

Firefox 44+, Opera 36+, Edge 17+, Safari 10.3+ ve Chrome 49+, URLSearchParams API'sini destekler :

IE'nin kararl─▒ s├╝r├╝mleri i├žin google taraf─▒ndan ├Ânerilen bir URLSearchParams polyfill var .

W3C taraf─▒ndan standardize edilmemi┼čtir , ancak WhatWG taraf─▒ndan ya┼čayan bir standartt─▒r .

├ťzerinde kullanabilirsiniz location :

 let params = new URLSearchParams(location.search);
 

veya

 let params = (new URL(location)).searchParams;
 

Veya herhangi bir URLÔÇÖde elbette:

 let url = new URL('https://example.com?foo=1&bar=2');
let params = new URLSearchParams(url.search);
 

.searchParams URL nesnesindeki bir shorthand ├Âzelli─čini kullanarak params kazanabilirsiniz , bunun gibi:

 let params = new URL('https://example.com?foo=1&bar=2').searchParams;
params.get('foo'); // "1"
params.get('bar'); // "2" 
 

Okumak / set parametreleri arac─▒l─▒─č─▒yla get(KEY) , set(KEY, VALUE) , append(KEY, VALUE) API. Ayr─▒ca t├╝m de─čerlerin ├╝zerinde yineleme yapabilirsiniz for (let p of params) {} .

Bir referans uygulama ve ├Ârnek sayfa denetim ve test i├žin kullan─▒labilir.


565







Sadece ba┼čka bir ├Âneri. Eklenti Purl , ├žapa, ana bilgisayar vb. Dahil olmak ├╝zere URLÔÇÖnin t├╝m b├Âl├╝mlerini almaya izin verir.

JQuery ile veya jQuery olmadan kullan─▒labilir.

Kullan─▒m─▒ ├žok basit ve g├╝zel:

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

Ancak, 11 Kas─▒m 2014 itibariyle, Purl art─▒k korunmuyor ve yazar bunun yerine URI.js'nin kullan─▒lmas─▒n─▒ tavsiye ediyor . JQuery eklentisi, elemanlara odaklanmas─▒ndan farkl─▒d─▒r - dizelerle kullan─▒m i├žin, yaln─▒zca URI do─črudan, jQuery ile veya jQuery olmadan kullan─▒n . Benzer kod burada daha dolgun dok├╝manlar gibi g├Âr├╝n├╝r :

 var url = new URI('http://allmarkedup.com/folder/dir/index.html?item=value'); // plain JS version
url.protocol(); // returns 'http'
url.path(); // returns '/folder/dir/index.html'
 

400







tl; Dr.

├çok de─čerli tu┼člar─▒ ve kodlanm─▒┼č karakterleri i┼čleyen h─▒zl─▒ ve eksiksiz bir ├ž├Âz├╝m .

 var qd = {};
if (location.search) location.search.substr(1).split("&").forEach(function(item) {var s = item.split("="), k = s[0], v = s[1] && decodeURIComponent(s[1]); (qd[k] = qd[k] || []).push(v)})

//using ES6   (23 characters cooler)
var qd = {};
if (location.search) location.search.substr(1).split`&`.forEach(item => {let [k,v] = item.split`=`; v = v && decodeURIComponent(v); (qd[k] = qd[k] || []).push(v)})
 
├çok ├žizgili:
 var qd = {};
if (location.search) location.search.substr(1).split("&").forEach(function(item) {
    var s = item.split("="),
        k = s[0],
        v = s[1] && decodeURIComponent(s[1]); //  null-coalescing / short-circuit
    //(k in qd) ? qd[k].push(v) : qd[k] = [v]
    (qd[k] = qd[k] || []).push(v) // null-coalescing / short-circuit
})
 

B├╝t├╝n bu kod nedir ...
"null-coalescing" , k─▒sa devre de─čerlendirmesi
ES6 Tahribat ├Âdevleri , Ok fonksiyonlar─▒ , ┼×ablon dizgileri

├ľrnek:
 "?a=1&b=0&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"
> qd
a: ["1", "5", "t e x t"]
b: ["0"]
c: ["3"]
d: [undefined]
e: [undefined, "http://w3schools.com/my test.asp?name=st├ąle&car=saab"]

> qd.a[1]    // "5"
> qd["a"][1] // "5"
 



Devam─▒n─▒ oku ... Vanilya JavaScript ├ž├Âz├╝m├╝ hakk─▒nda.

URL kullan─▒m─▒n─▒n farkl─▒ b├Âl├╝mlerine eri┼čmek i├žin location.(search|hash)

En kolay (sahte) ├ž├Âz├╝m

 var queryDict = {};
location.search.substr(1).split("&").forEach(function(item) {queryDict[item.split("=")[0]] = item.split("=")[1]})
 
  • Kollar─▒ anahtarlar─▒n─▒ bo┼čaltmak do─čru.
  • Bulunan son de─čeri olan ├žoklu tu┼člar─▒ ge├žersiz k─▒lar .
 "?a=1&b=0&c=3&d&e&a=5"
> queryDict
a: "5"
b: "0"
c: "3"
d: undefined
e: undefined
 

├çok de─čerli anahtarlar

Basit anahtar kontrol├╝ (item in dict) ? dict.item.push(val) : dict.item = [val]

 var qd = {};
location.search.substr(1).split("&").forEach(function(item) {(item.split("=")[0] in qd) ? qd[item.split("=")[0]].push(item.split("=")[1]) : qd[item.split("=")[0]] = [item.split("=")[1]]})
 
  • ┼×imdi bunun yerine dizileri d├Ând├╝r├╝r .
  • Eri┼čim de─čerlerine g├Âre qd.key[index] veya qd[key][index]
 > qd
a: ["1", "5"]
b: ["0"]
c: ["3"]
d: [undefined]
e: [undefined]
 

Kodlanm─▒┼č karakterler?

decodeURIComponent() ─░kinci veya her iki b├Âlme i├žin kullan─▒n .

 var qd = {};
location.search.substr(1).split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]); (k in qd) ? qd[k].push(v) : qd[k] = [v]})
 
├ľrnek:
 "?a=1&b=0&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"
> qd
a: ["1", "5", "t e x t"]
b: ["0"]
c: ["3"]
d: ["undefined"]  // decodeURIComponent(undefined) returns "undefined" !!!*
e: ["undefined", "http://w3schools.com/my test.asp?name=st├ąle&car=saab"]
 



Yorumlardan

* !!! L├╝tfen dikkat, bu decodeURIComponent(undefined) dize d├Ând├╝r├╝r "undefined" . ├ç├Âz├╝m , tan─▒mlanmam─▒┼č de─čerlere ├ža─čr─▒lmamas─▒n─▒ && sa─člayan basit bir kullan─▒mda yatmaktad─▒r decodeURIComponent() . (En ├╝stteki "komple ├ž├Âz├╝me" bak─▒n─▒z.)

 v = v && decodeURIComponent(v);
 


Querystring bo┼čsa ( location.search == "" ), sonu├ž biraz yan─▒lt─▒c─▒d─▒r qd == {"": undefined} . Ayr─▒┼čt─▒rma i┼člevini ba┼člatmadan ├Ânce sorgulay─▒c─▒y─▒ kontrol etmeniz ├Ânerilir:

 if (location.search) location.search.substr(1).split("&").forEach(...)
 

235







Snipplr.com'daki Roshambo, jQuery ile URL Parametrelerini Al─▒n | Geli┼čtirilmi┼č . Senaryo ile kolayca sadece istedi─činiz parametreleri ├ž─▒karmak i├žin olsun.

─░┼čte ├Âz├╝:

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

Sonra sadece parametrelerinizi sorgu dizesinden al─▒n.

Yani URL / sorgu dizesi olsayd─▒ xyz.com/index.html?lang=de .

Sadece ara var langval = $.urlParam('lang'); ve anlad─▒n.

UZBEKJON'un bu konuda harika bir blog yaz─▒s─▒ var, jQuery ile URL parametrelerini ve de─čerlerini al .


217







JQuery kullan─▒yorsan─▒z, jQuery BBQ: Back Button & Query Library gibi bir k├╝t├╝phane kullanabilirsiniz .

... jQuery BBQ, .deparam() karma durum y├Ânetimi ve par├ža / sorgu dizesi ayr─▒┼čt─▒rma ve birle┼čtirme yard─▒mc─▒ program─▒ y├Ântemleriyle birlikte tam bir y├Ântem sunar.

D├╝zenleme: Deparam ├ľrne─či Ekleme:

  var DeparamExample = function() {
            var params = $.deparam.querystring();

            //nameofparam is the name of a param from url
            //code below will get param if ajax refresh with hash
            if (typeof params.nameofparam == 'undefined') {
                params = jQuery.deparam.fragment(window.location.href);
            }
            
            if (typeof params.nameofparam != 'undefined') {
                var paramValue = params.nameofparam.toString();
                  
            }
        }; 

Sadece d├╝z JavaScript kullanmak istiyorsan─▒z, ...

 var getParamValue = (function() {
    var params;
    var resetParams = function() {
            var query = window.location.search;
            var regex = /[?&;](.+?)=([^&;]+)/g;
            var match;

            params = {};

            if (query) {
                while (match = regex.exec(query)) {
                    params[match[1]] = decodeURIComponent(match[2]);
                }
            }    
        };

    window.addEventListener
    && window.addEventListener('popstate', resetParams);

    resetParams();

    return function(param) {
        return params.hasOwnProperty(param) ? params[param] : null;
    }

})();ÔÇő
 

Yeni HTML Ge├žmi┼či API'si nedeniyle ve ├Âzellikle history.pushState() ve history.replaceState() URL, parametrelerin ├Ânbelleklerini ve de─čerlerini ge├žersiz k─▒lacak olan de─či┼čtirebilir.

Bu s├╝r├╝m, ge├žmi┼č her de─či┼čti─činde, i├ž parametre ├Ânbelle─čini g├╝ncelleyecektir.


166







Sadece iki b├Âlme kullan─▒n :

 function get(n) {
    var half = location.search.split(n + '=')[1];
    return half !== undefined ? decodeURIComponent(half.split('&')[0]) : null;
}
 

├ľnceki ve daha eksiksiz cevaplar─▒ okuyordum. Ama bunun en basit ve daha h─▒zl─▒ y├Ântem oldu─čunu d├╝┼č├╝n├╝yorum. Bu jsPerf benchmark─▒n─▒ inceleyebilirsiniz.

Rup'in yorumunda problemi ├ž├Âzmek i├žin ilk ├žizgiyi a┼ča─č─▒daki ikisine de─či┼čtirerek ko┼čullu bir b├Âl├╝nme ekleyin. Ancak mutlak do─čruluk, ┼čimdi regexp'den daha yava┼č oldu─ču anlam─▒na gelir (bkz. JsPerf ).

 function get(n) {
    var half = location.search.split('&' + n + '=')[1];
    if (!half) half = location.search.split('?' + n + '=')[1];
    return half !== undefined ? decodeURIComponent(half.split('&')[0]) : null;
}
 

Yani Rup'in kar┼č─▒ davaya girmeyece─čini biliyorsan, bu kazan─▒r. Aksi takdirde, regexp.

Ya da sorgu yazman─▒n kontrol├╝ sizde ise ve almaya ├žal─▒┼čt─▒─č─▒n─▒z bir de─čerin hi├žbir zaman URL kodlu karakterler i├žermeyece─čini garanti ederseniz (bunlar─▒ bir de─čere sahip olmak k├Ât├╝ bir fikir olur) - a┼ča─č─▒dakileri biraz daha basitle┼čtirilmi┼č ve okunabilir bir s├╝r├╝mde kullanabilirsiniz 1. se├žene─čin

     function getQueryStringValueByName(name) {
        var queryStringFromStartOfValue = location.search.split(name + '=')[1];
         return queryStringFromStartOfValue !== undefined ? queryStringFromStartOfValue.split('&')[0] : null;
 

100







─░┼čte Andy E'nin m├╝kemmel ├ž├Âz├╝m├╝n├╝ tam te┼čekk├╝ll├╝ bir jQuery eklentisi haline getirme konusundaki ba┼čar─▒m:

 ;(function ($) {
    $.extend({      
        getQueryString: function (name) {           
            function parseParams() {
                var params = {},
                    e,
                    a = /\+/g,  // Regex for replacing addition symbol with a space
                    r = /([^&=]+)=?([^&]*)/g,
                    d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
                    q = window.location.search.substring(1);

                while (e = r.exec(q))
                    params[d(e[1])] = d(e[2]);

                return params;
            }

            if (!this.queryStringParams)
                this.queryStringParams = parseParams(); 

            return this.queryStringParams[name];
        }
    });
})(jQuery);
 

S├Âzdizimi:

 var someVar = $.getQueryString('myParam');
 

Her iki d├╝nyan─▒n en iyisi!


94







Sadece sorgulay─▒c─▒y─▒ ayr─▒┼čt─▒rmaktan daha fazla URL manip├╝lasyonu yap─▒yorsan─▒z, URI.js'yi yararl─▒ bulabilirsiniz . URL'leri de─či┼čtirmek i├žin bir k├╝t├╝phanedir - ve t├╝m ├žan ve ─▒sl─▒klarla birlikte gelir. (Burada kendi kendine reklam verdi─čim i├žin ├╝zg├╝n├╝m)

querystring'inizi haritaya d├Ân├╝┼čt├╝rmek i├žin:

 var data = URI('?foo=bar&bar=baz&foo=world').query(true);
data == {
  "foo": ["bar", "world"],
  "bar": "baz"
}
 

(URI.js ayn─▒ zamanda "d├╝zeltmeleri" k├Ât├╝ querystrings gibi ?&foo&&bar=baz& etmek ?foo&bar=baz )


76







Ryan Phelan'─▒n ├ž├Âz├╝m├╝n├╝ seviyorum . Ama bunun i├žin jQuery'yi geni┼čletmenin bir anlam─▒ g├Ârm├╝yorum? JQuery i┼člevselli─činin kullan─▒m─▒ yoktur.

├ľte yandan, Google Chrome'daki yerle┼čik i┼člevi seviyorum: window.location.getParameter.

Peki neden bunu kullanm─▒yorsun? Tamam, di─čer taray─▒c─▒larda yok. ├ľyleyse, yoksa bu i┼člevi yaratal─▒m:

 if (!window.location.getParameter ) {
  window.location.getParameter = function(key) {
    function parseParams() {
        var params = {},
            e,
            a = /\+/g,  // Regex for replacing addition symbol with a space
            r = /([^&=]+)=?([^&]*)/g,
            d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
            q = window.location.search.substring(1);

        while (e = r.exec(q))
            params[d(e[1])] = d(e[2]);

        return params;
    }

    if (!this.queryStringParams)
        this.queryStringParams = parseParams(); 

    return this.queryStringParams[key];
  };
}
 

Bu i┼člev Ryan Phelan'dan az ya da ├žokd─▒r, ancak farkl─▒ ┼čekilde sar─▒l─▒r: net ad ve di─čer javascript k├╝t├╝phanelerinin ba─č─▒ml─▒l─▒klar─▒ yoktur. Blogumda bu i┼člev hakk─▒nda daha fazla bilgi .


61







PHP $ _GET dizisine benzer bir nesneyi elde etmenin h─▒zl─▒ bir yolu :

 function get_query(){
    var url = location.search;
    var qs = url.substring(url.indexOf('?') + 1).split('&');
    for(var i = 0, result = {}; i < qs.length; i++){
        qs[i] = qs[i].split('=');
        result[qs[i][0]] = decodeURIComponent(qs[i][1]);
    }
    return result;
}
 

Kullan─▒m─▒:

 var $_GET = get_query();
 

Sorgu dizesi i├žin x=5&y&z=hello&x=6 bu nesneyi d├Ând├╝r├╝r:

 {
  x: "6",
  y: undefined,
  z: "hello"
}
 

53







Basit JavaScript kodunda basit tutun:

 function qs(key) {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars[key];
}
 

JavaScript kodunda herhangi bir yerden aray─▒n:

 var result = qs('someKey');
 

52







Bunlar─▒n hepsi harika cevaplar, ama biraz daha sa─člam bir ┼čeye ihtiyac─▒m vard─▒ ve yaratt─▒─č─▒m ┼čeye sahip olmak isteyebilece─činizi d├╝┼č├╝nd├╝m.

URL parametrelerinin diseksiyonu ve manip├╝lasyonu yapan basit bir k├╝t├╝phane y├Ântemidir. Statik y├Ântem, konu URL'sinde ├ža─čr─▒labilecek a┼ča─č─▒daki alt y├Ântemlere sahiptir:

  • GetHost
  • getPath
  • getHash
  • setHash
  • getParams
  • getQuery
  • setParam
  • GetParam
  • hasParam
  • RemoveParam

├ľrnek:

 URLParser(url).getParam('myparam1')
 

 var url = "http://www.test.com/folder/mypage.html?myparam1=1&myparam2=2#something";

function URLParser(u){
    var path="",query="",hash="",params;
    if(u.indexOf("#") > 0){
        hash = u.substr(u.indexOf("#") + 1);
        u = u.substr(0 , u.indexOf("#"));
    }
    if(u.indexOf("?") > 0){
        path = u.substr(0 , u.indexOf("?"));
        query = u.substr(u.indexOf("?") + 1);
        params= query.split('&');
    }else
        path = u;
    return {
        getHost: function(){
            var hostexp = /\/\/([\w.-]*)/;
            var match = hostexp.exec(path);
            if (match != null && match.length > 1)
                return match[1];
            return "";
        },
        getPath: function(){
            var pathexp = /\/\/[\w.-]*(?:\/([^?]*))/;
            var match = pathexp.exec(path);
            if (match != null && match.length > 1)
                return match[1];
            return "";
        },
        getHash: function(){
            return hash;
        },
        getParams: function(){
            return params
        },
        getQuery: function(){
            return query;
        },
        setHash: function(value){
            if(query.length > 0)
                query = "?" + query;
            if(value.length > 0)
                query = query + "#" + value;
            return path + query;
        },
        setParam: function(name, value){
            if(!params){
                params= new Array();
            }
            params.push(name + '=' + value);
            for (var i = 0; i < params.length; i++) {
                if(query.length > 0)
                    query += "&";
                query += params[i];
            }
            if(query.length > 0)
                query = "?" + query;
            if(hash.length > 0)
                query = query + "#" + hash;
            return path + query;
        },
        getParam: function(name){
            if(params){
                for (var i = 0; i < params.length; i++) {
                    var pair = params[i].split('=');
                    if (decodeURIComponent(pair[0]) == name)
                        return decodeURIComponent(pair[1]);
                }
            }
            console.log('Query variable %s not found', name);
        },
        hasParam: function(name){
            if(params){
                for (var i = 0; i < params.length; i++) {
                    var pair = params[i].split('=');
                    if (decodeURIComponent(pair[0]) == name)
                        return true;
                }
            }
            console.log('Query variable %s not found', name);
        },
        removeParam: function(name){
            query = "";
            if(params){
                var newparams = new Array();
                for (var i = 0;i < params.length;i++) {
                    var pair = params[i].split('=');
                    if (decodeURIComponent(pair[0]) != name)
                          newparams .push(params[i]);
                }
                params = newparams;
                for (var i = 0; i < params.length; i++) {
                    if(query.length > 0)
                        query += "&";
                    query += params[i];
                }
            }
            if(query.length > 0)
                query = "?" + query;
            if(hash.length > 0)
                query = query + "#" + hash;
            return path + query;
        },
    }
}


document.write("Host: " + URLParser(url).getHost() + '<br>');
document.write("Path: " + URLParser(url).getPath() + '<br>');
document.write("Query: " + URLParser(url).getQuery() + '<br>');
document.write("Hash: " + URLParser(url).getHash() + '<br>');
document.write("Params Array: " + URLParser(url).getParams() + '<br>');
document.write("Param: " + URLParser(url).getParam('myparam1') + '<br>');
document.write("Has Param: " + URLParser(url).hasParam('myparam1') + '<br>');

document.write(url + '<br>');

// Remove the first parameter
url = URLParser(url).removeParam('myparam1');
document.write(url + ' - Remove the first parameter<br>');

// Add a third parameter
url = URLParser(url).setParam('myparam3',3);
document.write(url + ' - Add a third parameter<br>');

// Remove the second parameter
url = URLParser(url).removeParam('myparam2');
document.write(url + ' - Remove the second parameter<br>');

// Add a hash
url = URLParser(url).setHash('newhash');
document.write(url + ' - Set Hash<br>');

// Remove the last parameter
url = URLParser(url).removeParam('myparam3');
document.write(url + ' - Remove the last parameter<br>');

// Remove a parameter that doesn't exist
url = URLParser(url).removeParam('myparam3');
document.write(url + ' - Remove a parameter that doesn\"t exist<br>');
 

46







G├Ânderen MDN'yi :

 function loadPageVar (sVar) {
  return unescape(window.location.search.replace(new RegExp("^(?:.*[&\\?]" + escape(sVar).replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
}

alert(loadPageVar("name"));
 

43







Kod golf:

 var a = location.search&&location.search.substr(1).replace(/\+/gi," ").split("&");
for (var i in a) {
    var s = a[i].split("=");
    a[i]  = a[unescape(s[0])] = unescape(s[1]);
}
 

G├Âster onu!

 for (i in a) {
    document.write(i + ":" + a[i] + "<br/>");   
};
 

Mac'imde: test.htm?i=can&has=cheezburger g├Âr├╝nt├╝ler

 0:can
1:cheezburger
i:can
has:cheezburger
 

39







D├╝zenli ifadeler ├žok kullan─▒r─▒m ama bunun i├žin de─čil.

Benim uygulamada bir kez sorgu dizesini okumak ve a┼ča─č─▒daki gibi t├╝m anahtar / de─čer ├žiftlerinden bir nesne olu┼čturmak benim i├žin daha kolay ve daha verimli g├Âr├╝n├╝yor:

 var search = function() {
  var s = window.location.search.substr(1),
    p = s.split(/\&/), l = p.length, kv, r = {};
  if (l === 0) {return false;}
  while (l--) {
    kv = p[l].split(/\=/);
    r[kv[0]] = decodeURIComponent(kv[1] || '') || true;
  }
  return r;
}();
 

Bir URL i├žin gibi http://domain.com?param1=val1&param2=val2 siz kodunuzda daha sonra onlar─▒n de─čerini alabilir search.param1 ve search.param2 .


39







 function GET() {
        var data = [];
        for(x = 0; x < arguments.length; ++x)
            data.push(location.href.match(new RegExp("/\?".concat(arguments[x],"=","([^\n&]*)")))[1])
                return data;
    }


example:
data = GET("id","name","foo");
query string : ?id=3&name=jet&foo=b
returns:
    data[0] // 3
    data[1] // jet
    data[2] // b
or
    alert(GET("id")[0]) // return 3
 

38







Roshambo jQuery y├Ântemi kod ├ž├Âzme URL'sine bakm─▒yordu

http://snipplr.com/view/26662/get-url-parameters-with-jquery--improved/

Ayr─▒ca bu ifadeyi return ifadesine eklerken de ekledim.

 return decodeURIComponent(results[1].replace(/\+/g, " ")) || 0;
 

┼×imdi g├╝ncellenmi┼č ├Âzeti bulabilirsiniz:

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

38







Sevdi─čim bu bir (jquery-howto.blogspot.co.uk al─▒nm─▒┼čt─▒r):

 // get an array with all querystring values
// example: var valor = getUrlVars()["valor"];
function getUrlVars() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for (var i = 0; i < hashes.length; i++) {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}
 

Benim i├žin harika ├žal─▒┼č─▒yor.


36







─░┼čte bu m├╝kemmel cevaba yapt─▒─č─▒m d├╝zenleme - sorgu dizelerini de─čer i├žermeyen anahtarlarla ayr─▒┼čt─▒rma yetene─či ile.

 var url = 'http://sb.com/reg/step1?param';
var qs = (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i) {
        var p=a[i].split('=', 2);
        if (p[1]) p[1] = decodeURIComponent(p[1].replace(/\+/g, " "));
        b[p[0]] = p[1];
    }
    return b;
})((url.split('?'))[1].split('&'));
 

├ľNEML─░! Son sat─▒rdaki bu i┼člevin parametresi farkl─▒d─▒r. Bu, kendisine iste─če ba─čl─▒ bir URL'yi nas─▒l iletebilece─činin bir ├Ârne─či. Mevcut URLÔÇÖyi ayr─▒┼čt─▒rmak i├žin BrunoÔÇÖnun cevab─▒ndaki son sat─▒r─▒ kullanabilirsiniz.

Peki tam olarak ne de─či┼čti? URL ile http://sb.com/reg/step1?param= sonu├žlar ayn─▒ olacakt─▒r. Ancak url ile http://sb.com/reg/step1?param Bruno'nun ├ž├Âz├╝m├╝ anahtars─▒z bir nesne d├Ând├╝r├╝rken, benimki anahtar param ve undefined de─čeri olan bir nesne d├Ând├╝r├╝r .


36







Sorgu dizesinden bir nesneye ihtiyac─▒m vard─▒ ve ├žok fazla koddan nefret ediyorum. Evrendeki en sa─člam olmayabilir, ama sadece birka├ž sat─▒r kod.

 var q = {};
location.href.split('?')[1].split('&').forEach(function(i){
    q[i.split('=')[0]]=i.split('=')[1];
});
 

Gibi bir URL this.htm?hello=world&foo=bar olu┼čturur:

 {hello:'world', foo:'bar'}
 

34







Bu bir s├╝re ├Ânce olu┼čturdu─čum bir fonksiyon ve ben de ├žok mutluyum. B├╝y├╝k / k├╝├ž├╝k harfe duyarl─▒ de─čildir - kullan─▒┼čl─▒ olan. Ayr─▒ca, istenen QS mevcut de─čilse, sadece bo┼č bir dize d├Ând├╝r├╝r.

Bunun s─▒k─▒┼čt─▒r─▒lm─▒┼č bir s├╝r├╝m├╝n├╝ kullan─▒yorum. Acemiler i├žin neler olup bitti─čini daha iyi a├ž─▒klayabilmek i├žin s─▒k─▒┼čt─▒r─▒lmam─▒┼č g├Ânderiyorum.

Bunun daha h─▒zl─▒ ├žal─▒┼čmak i├žin optimize edilebilece─či veya farkl─▒ ┼čekilde yap─▒labilece─činden eminim, ancak ihtiyac─▒m olan ┼čey i├žin her zaman harika ├žal─▒┼čt─▒.

Keyfini ├ž─▒kar─▒n.

 function getQSP(sName, sURL) {
    var theItmToRtn = "";
    var theSrchStrg = location.search;
    if (sURL) theSrchStrg = sURL;
    var sOrig = theSrchStrg;
    theSrchStrg = theSrchStrg.toUpperCase();
    sName = sName.toUpperCase();
    theSrchStrg = theSrchStrg.replace("?", "&") theSrchStrg = theSrchStrg + "&";
    var theSrchToken = "&" + sName + "=";
    if (theSrchStrg.indexOf(theSrchToken) != -1) {
        var theSrchTokenLth = theSrchToken.length;
        var theSrchTokenLocStart = theSrchStrg.indexOf(theSrchToken) + theSrchTokenLth;
        var theLocOfNextAndSign = theSrchStrg.indexOf("&", theSrchTokenLocStart);
        theItmToRtn = unescape(sOrig.substring(theSrchTokenLocStart, theLocOfNextAndSign));
    }
    return unescape(theItmToRtn);
}
 

31







─░┼čte Andy E'nin "Hand-array-style query strings" -version isimli versiyonunun geni┼čletilmi┼č bir versiyonu. Bir hata d├╝zeltildi ( ?key=1&key[]=2&key[]=3 ; 1 kaybedildi ve de─či┼čtirildi [2,3] ), birka├ž ufak performans iyile┼čtirmesi yapt─▒ (de─čerlerin yeniden kodu ├ž├Âz├╝ld├╝ , "[" konumu yeniden hesapland─▒, vb.) Ve iyile┼čtirmeler yap─▒ld─▒ (i┼člevlendirildi, s─▒n─▒rlay─▒c─▒lar i├žin ?key=1&key=2 destek ; ) . De─či┼čkenleri rahats─▒z edici derecede k─▒sa b─▒rakt─▒m, ancak okunakl─▒ hale getirmek i├žin ├žok fazla yorum ekledim (oh ve v yerel i┼člevler i├žinde yeniden kulland─▒m , bu kafa kar─▒┼čt─▒r─▒c─▒ysa ├╝zg├╝n├╝m;).

A┼ča─č─▒daki sorgulay─▒c─▒y─▒ idare edecek ...

? Test = Merhaba & ki┼či = Neek & ki┼či [] = jeff & ki┼či [] jim & ki┼činin [extra] = john & test3 & nocache = 1398914891264 =

... ┼čuna benzeyen bir cisme d├Ân├╝┼čt├╝rmek ...

 {
    "test": "Hello",
    "person": {
        "0": "neek",
        "1": "jeff",
        "2": "jim",
        "length": 3,
        "extra": "john"
    },
    "test3": "",
    "nocache": "1398914891264"
}
 

Yukar─▒da g├Ârebilece─činiz gibi, bu s├╝r├╝m baz─▒ "hatal─▒ bi├žimlendirilmi┼č" dizilerin bir ├Âl├ž├╝s├╝n├╝ kullan─▒r, yani - person=neek&person[]=jeff&person[]=jim veya person=neek&person=jeff&person=jim anahtar tan─▒mlanabilir ve ge├žerli oldu─čundan (en az─▒ndan dotNet'in NameValueCollection.Add i├žinde ):

Belirtilen anahtar hedef NameValueCollection ├Ârne─činde zaten mevcutsa, belirtilen de─čer "de─čer1, de─čer2, de─čer3" bi├žimindeki virg├╝lle ayr─▒lm─▒┼č de─čer listesine eklenir.

G├Âr├╝n├╝┼če g├Âre j├╝ri belirli anahtarlar olmad─▒─č─▒ i├žin tekrar tekrar kullan─▒lan tu┼člar ├╝zerine ├ž─▒kt─▒ . Bu durumda, ├žoklu tu┼člar (sahte) bir dizi olarak saklan─▒r. Ama bunu not do do not diziler i├žine virg├╝l dayal─▒ de─čerleri i┼člemek.

Kod:

 getQueryStringKey = function(key) {
    return getQueryStringAsObject()[key];
};


getQueryStringAsObject = function() {
    var b, cv, e, k, ma, sk, v, r = {},
        d = function (v) { return decodeURIComponent(v).replace(/\+/g, " "); }, //# d(ecode) the v(alue)
        q = window.location.search.substring(1), //# suggested: q = decodeURIComponent(window.location.search.substring(1)),
        s = /([^&;=]+)=?([^&;]*)/g //# original regex that does not allow for ; as a delimiter:   /([^&=]+)=?([^&]*)/g
    ;

    //# ma(make array) out of the v(alue)
    ma = function(v) {
        //# If the passed v(alue) hasn't been setup as an object
        if (typeof v != "object") {
            //# Grab the cv(current value) then setup the v(alue) as an object
            cv = v;
            v = {};
            v.length = 0;

            //# If there was a cv(current value), .push it into the new v(alue)'s array
            //#     NOTE: This may or may not be 100% logical to do... but it's better than loosing the original value
            if (cv) { Array.prototype.push.call(v, cv); }
        }
        return v;
    };

    //# While we still have key-value e(ntries) from the q(uerystring) via the s(earch regex)...
    while (e = s.exec(q)) { //# while((e = s.exec(q)) !== null) {
        //# Collect the open b(racket) location (if any) then set the d(ecoded) v(alue) from the above split key-value e(ntry) 
        b = e[1].indexOf("[");
        v = d(e[2]);

        //# As long as this is NOT a hash[]-style key-value e(ntry)
        if (b < 0) { //# b == "-1"
            //# d(ecode) the simple k(ey)
            k = d(e[1]);

            //# If the k(ey) already exists
            if (r[k]) {
                //# ma(make array) out of the k(ey) then .push the v(alue) into the k(ey)'s array in the r(eturn value)
                r[k] = ma(r[k]);
                Array.prototype.push.call(r[k], v);
            }
            //# Else this is a new k(ey), so just add the k(ey)/v(alue) into the r(eturn value)
            else {
                r[k] = v;
            }
        }
        //# Else we've got ourselves a hash[]-style key-value e(ntry) 
        else {
            //# Collect the d(ecoded) k(ey) and the d(ecoded) sk(sub-key) based on the b(racket) locations
            k = d(e[1].slice(0, b));
            sk = d(e[1].slice(b + 1, e[1].indexOf("]", b)));

            //# ma(make array) out of the k(ey) 
            r[k] = ma(r[k]);

            //# If we have a sk(sub-key), plug the v(alue) into it
            if (sk) { r[k][sk] = v; }
            //# Else .push the v(alue) into the k(ey)'s array
            else { Array.prototype.push.call(r[k], v); }
        }
    }

    //# Return the r(eturn value)
    return r;
};
 

31







Bu sorunu bir kez ve herkes i├žin ├ž├Âzmeyi ama├žlayan bir proje olan arg.js'i daha yeni yay─▒nlad─▒k . Geleneksel olarak ├žok zor oldu ama ┼čimdi yapabilirsiniz:

 var name = Arg.get("name");
 

veya b├╝t├╝n partiyi almak:

 var params = Arg.all();
 

ve aralar─▒ndaki fark─▒ umursuyorsan─▒z ?query=true ve #hash=true o zaman Arg.query() ve Arg.hash() y├Ântemleri kullanabilirsiniz .


27







Bu sorunun en ├╝st cevab─▒ ile ilgili sorun, #'den sonra desteklenmeyen parametrelerin olmas─▒d─▒r, ancak bazen bu de─čeri almak i├žin de gereklidir.

Tam bir sorgu dizesini de karma i┼čaretli bir ayr─▒┼čt─▒rmaya izin verecek ┼čekilde cevab─▒ de─či┼čtirdim:

 var getQueryStringData = function(name) {
    var result = null;
    var regexS = "[\\?&#]" + name + "=([^&#]*)";
    var regex = new RegExp(regexS);
    var results = regex.exec('?' + window.location.href.split('?')[1]);
    if (results != null) {
        result = decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    return result;
};
 

27







 function GetQueryStringParams(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];
        }
    }
}ÔÇő
 

Ve URL'yi varsay─▒lan olarak kabul ederek bu i┼člevi nas─▒l kullanabilirsiniz?

http://dummy.com/?stringtext=jquery&stringword=jquerybyexample

 var tech = GetQueryStringParams('stringtext');
var blog = GetQueryStringParams('stringword');
 

25







Browserify kullan─▒yorsan─▒z, url mod├╝l├╝ Node.js'den kullanabilirsiniz :

 var url = require('url');

url.parse('http://example.com/?bob=123', true).query;

// returns { "bob": "123" }
 

Daha fazla okuma: URL Node.js v0.12.2 El ile ve Belgeler

EDIT: Hemen hemen t├╝m yeni taray─▒c─▒larda olduk├ža yayg─▒n olarak kullan─▒lan URL aray├╝z├╝n├╝ kullanabilirsiniz ve kod eski bir taray─▒c─▒da ├žal─▒┼čacaksa, bunun gibi bir polyfill kullanabilirsiniz . ─░┼čte sorgu parametrelerini elde etmek i├žin URL aray├╝z├╝n├╝n nas─▒l kullan─▒laca─č─▒na dair bir kod ├Ârne─či (aka arama parametreleri)

 const url = new URL('http://example.com/?bob=123');
url.searchParams.get('bob'); 
 

URLSearchParams'─▒ bunun i├žin de kullanabilirsiniz, URLNearchParams ile yapmak i├žin MDN'den bir ├Ârnek :

 var paramsString = "q=URLUtils.searchParams&topic=api";
var searchParams = new URLSearchParams(paramsString);

//Iterate the search parameters.
for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"
 

21



─░lgili yay─▒nlar


Node.js'de Express.js'de GET (query string) de─či┼čkenleri nas─▒l elde edilir?

URL parametresi jquery veya Js'de Sorgu Dize De─čerleri Nas─▒l Al─▒n─▒r

String enterpolasyonunu JavaScript'te nas─▒l yapabilirim?

Nas─▒l '9.61' den '9:61' 'e d├Ân├╝┼čt├╝rmek i├žin JavaScriptÔÇÖte string de─či┼čtiririm?

JavaScript Taraf─▒ndan S─▒n─▒f Element Nas─▒l Gidilir?

├ľnceki URLÔÇÖyi JavaScriptÔÇÖte nas─▒l alabilirim?

JavaScript'te bir say─▒y─▒ nas─▒l yuvarlayabilirim? .toFixed () bir dize d├Ând├╝r├╝r m├╝?

JavaScript'te str_replace i┼člevini nas─▒l de─či┼čtirebilirim?

SQL Server XML s├╝tununda bir de─čeri nas─▒l sorgulayabilirim

Bir sorgu dizesi parametresini JavaScript'te nas─▒l silebilirim?

Etiketle ilgili di─čer sorular [javascript]


S─▒n─▒rlama iki ondal─▒k noktaya kadar ├ž─▒kar

MySQL'de AUTO_INCREMENT nas─▒l s─▒f─▒rlan─▒r?

Komut dosyam─▒n hangi Python s├╝r├╝m├╝n├╝ ├žal─▒┼čt─▒rd─▒─č─▒n─▒ nas─▒l kontrol edebilirim?

Ruby'de rastgele bir dize olu┼čturma

Bir vekt├Âre vekt├Âr ekleme [duplicate]

Git ├Âdeme: yollar─▒n g├╝ncellenmesi dallar─▒ de─či┼čtirmeyle uyumlu de─čil

Bir int de─čerini Go'da dizeye nas─▒l d├Ân├╝┼čt├╝rebilirim?

KeyValuePair i├žin varsay─▒lan

#pragma bir zamanlar vs gardiyanlar m─▒? [├žift]

CodeLens-Referanslar─▒ nas─▒l kapat─▒l─▒r?