‫نحوه‌ی خواندن مقادیر Query String با استفاده از جاوااسکریپت

در این مقاله، به نحوه‌ی دریافت مقادیر Query String با استفاده از زبان جاوااسکریپت خواهیم پرداخت. گاها در پروژه‌ها نیاز است تا کاربر را با پارامترهایی به صورت query string، به صفحه‌ای دیگر منتقل کنیم. با این حال به دو صورت می‌توان این مقادیر را فراخوانی نمود:

1. فراخوانی سمت سرور
2. فراخوانی سمت کلاینت

زمانیکه صحبت از کد نویسی سمت کلاینت می‌شود، گزینه‌ی بهتری بجز JavaScript وجود ندارد؛ که البته بسیار کارا و پر کاربرد است.

برای دریافت query string با زبان جاوااسکریپت می‌توان از کد زیر استفاده کرد: 

<script>
    (function () {
        // we can call getQueryStringByName from anywhere we want
        var result = getQueryStringByName('id');
        alert(result);
    })();

    function getQueryStringByName(name) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    }</script>

getQueryStringByName:

با استفاده از این متد می‌توان به query stringدسترسی یافت. تابع getQueryStringByNameحاوی یک ورودی می‌باشد که باید نام query string در آن قرار گیرد. در مثال بالا نام query string برابر است با languageکه بعد از اجرای پروژه، مقدار آن به صورت دیالوگ نمایش داده می‌شود. 

برای دانلود پروژه اینجا کلیک کنید.