有哪些选项可以将URL参数传递到JavaScript应用程序中

Question

I want to expose URLs for user profiles in my web-app in the format:

example.com/user/<userId>

This should load the file user.html which contains JavaScript (ajax) code to load content based on the requested userId .

What options do I have to get userId parameter from the URL into my user.html file?

The way I can think of is to use a server-side language like PHP to embed the userId inside the HTML/JavaScript. Would like to see if there are other better options.

Answer 1

You can do something like that:

var parser = document.createElement('a');
parser.href = "http://example.com:3000/pathname/?search=test#hash";
parser.protocol; // => "http:"
parser.hostname; // => "example.com"
parser.port; // => "3000"
parser.pathname; // => "/pathname/"
parser.search; // => "?search=test"
parser.hash; // => "#hash"
parser.host; // => "example.com:3000"

More

http://www.sitepoint.com/url-parsing-isomorphic-javascript/

Answer 2

The best way would be to use a get in the form of example.com/user?userid=1 this questions may help you How to retrieve GET parameters from javascript? This really sounds like a job for something like php though.