ASP页面具有URL映射时未加载ASP.NET Javascript

Question

I'm trying to retrieve the ID of an employee and show them in my details page by retrieving the Employee ID from the URL using Page Mapping in ASP.NET:

RouteTable.Routes.MapPageRoute("", "employee/{id}", "~/details.aspx");

Such that the URL will be:

www.myexamplewebsite.com/employee/7937822353

The problem is, the Javascript files don't get loaded and the console is full of my javascript errors. I get a 404 error in my JS scrips as well. The page can't find any JS file when mapped. Why is this happening when I map the URL? This does not happen if the URL is www.myexamplewebsite.com/7937822353.

What am I doing wrong?

EDIT:

This is how my JS files are referenced:

 <script src="js/chatbar/rightside.js"> </script>

Answer 1

The script is relative, and it's from the perspective of the client side URL. So when you change the page route to have the page appear to be served from a /employee subdirectory, the correct relative path to your scripts changes. So it's looking for the scripts at /employee/js/charbar/rightside.js . You could change those relative paths (to something like ../js/chartbar/rightside.js ), but you might run into a problem later if you change the routing again.

So instead, it's best to make the reference application root relative .

<script src='<%= ResolveClientUrl("~/js/chatbar/rightside.js")%>'></script>