เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ JavaScript และ jQuery

เทคนิคเล็กๆน้อยๆ ในการรับค่าพารามิเตอร์ URL ปัจจุบันโดยใช้ Javascript หรือ jQuery นั้นสามารถทำได้ดังนี้ครับ
เช่น URL > http://www.example.com:8080/index.php#tab1?id=123

Javascript

Property                                            Result
--------------------------------------------------------------------------
window.location.host                          www.example.com:8080
window.location.hostname                  www.example.com
window.location.port                          8080
window.location.protocol                    http
window.location.pathname                  index.php
window.location.href                           http://www.example.com:8080/index.php#tab1
window.location.hash                          #tab1
window.location.search                       ?id=123

 

jQuery

Property                                            Result 
--------------------------------------------------------------------------
$(location).attr('host');                         www.example.com:8080
$(location).attr('hostname');                 www.example.com
$(location).attr('port');                         8080
$(location).attr('protocol');                   http
$(location).attr('pathname');                 index.php
$(location).attr('href');                          http://www.example.com:8080/index.php#tab1
$(location).attr('hash');                         #tab1
$(location).attr('search');                      ?id=123

จะเห็นว่าไม่ยากเลยใช่ไหมครับ เพียงเท่านี้เราก็จะได้ค่าพารามิเตอร์ URL ปัจจุบันเพื่อไปใช้งานอื่นๆต่อไปได้แล้ว


แชร์บทความ

Facebook Twitter Google Digg Reddit LinkedIn StumbleUpon Email
กำลังโหลด ...