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 to avoid breaking changes in the future. — user2246674
– user2246674, Commented Jul 18, 2013 at 21:37

adeneo · Accepted Answer · 2013-07-18 21:35:52Z

30

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.

answered Jul 18, 2013 at 21:35

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chandan Singh · Accepted Answer · 2019-09-29 20:29:18Z

4

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}`;

Chandan Singh

34 bronze badges

answered Oct 25, 2018 at 15:27

Skotee

8906 silver badges7 bronze badges

Vineesh TP · Accepted Answer · 2020-07-28 06:42:29Z

4

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, 2020 at 6:42

Vineesh TP

8,02314 gold badges76 silver badges140 bronze badges

This answer should be in the comments of the original answer