How to get route parameter in JavaScript?

I have a ASP.NET website that is URL-Rewriting enabled. I know how to get route parameters using C#:

Page.RouteData.Values["id"] as string;

But I don't know how to get it from javascript? Following is my rewritten link format:

http://www.domain.com/topic/{id}/{title}

I want to get this {id} field using JavaScript. Please help!

UPDATE

I have this code that gets request parameter.

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

How can this be modified to get route parameter?

Answers:

Answer
function getValueAtIndex(index){
    var str = "http://www.sample.com/234/Fiddle/test"; //window.location.href; 
    return str.split("/")[index];
}
console.log(getValueAtIndex(3));
Answer

Try the following:

const getRouteValueAt = (idx) => {

   const routeTokens = location.pathname.replace(/^\/+/g,'').split('/')
   //[questions,20302776,how-to-get-route-parameter-in-javascript]

   return routeTokens.length > idx ? routeTokens[idx] : undefined
}

Usage

const routeName = getRouteValueAt(0); // questions
const routeId = getRouteValueAt(1); // 20302776

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.