Webuygulaması geliştirdiğinizde herhalde querystring kullanımı kaçınılmaz olabiliyor javascript tarafında querystringleri elde etmek ve kullanmak için makale devamındaki kullanışlı fonksiyonu kullanabilirsiniz.
Javascript ile querystring değerlerini elde etme
Tüm Kodlar
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"/> <script type="text/javascript"> $(function(){ $("#BtnTest").click(function(){ var a = getQuerystring("name"); alert(a); }) }) function getQuerystring(key, default_) { if (default_ == null) default_ = ""; key = key.replace(/[[]/, "\[").replace(/[]]/, "\]"); var regex = new RegExp("[\?&]" + key + "=([^&#]*)"); var qs = regex.exec(window.location.href); if (qs == null) return default_; else return qs[1]; } < /script> </head> <body> <button id="BtnTest" >Query String Al</button> </body> </html> |
Yukarıdaki kodları denemek için kodları bir html dökümanına kaydedin ve benim yaptığım gibi örnek index.html dosyasına kaydettiniz kodlarınız index.html dosyasını bir tarayıcıda açın ardından sonuna ?name=MuratOner.Net yazın ve sayfada bulunan butona tıkladığınızda mesaj kutusunda MuratOner.Net’in yer aldığını görebilirsiniz.