How to insert javascript variables into a URL

Question

var a = 1;
var b = 2;
var mylink = "http://website.com/page.aspx?list=' + a + '&sublist=' + b + '";

This doesn't work. Is there a simple way to insert these other variables into the url query?

Use [encodeURIComponent](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) to avoid breaking changes in the future. — user2246674, Jul 18 '13 at 21:37

score 28 · Accepted Answer · answered Jul 18 '13 at 21:35

By using the right quotes:

var a = 1;
var b = 2;
var mylink = "http://website.com/page.aspx?list=" + a + "&sublist=" + b;

If you start a string with doublequotes, it can be ended with doublequotes and can contain singlequotes, same goes for the other way around.

score 3 · Answer 2 · edited Sep 29 '19 at 20:29

3

In modern JavaScript standards we are using ${var} :

var a = 1;
var b = 2;
var mylink = `http://website.com/page.aspx?list=${a}&sublist=${b}`;

edited Sep 29 '19 at 20:29

Chandan Singh

answered Oct 25 '18 at 15:27

Skotee

score 3 · Answer 3 · answered Jul 28 '20 at 06:42

3

var a = 1;
var b = 2;
var mylink = `http://website.com/page.aspx?list=${a}&sublist=${b}`;

Copied from above answer.

Do notice that it is not single quote.

answered Jul 28 '20 at 06:42

Vineesh TP

This answer should be in the comments of the original answer – Michael Jan 05 '22 at 19:32

3 Answers3