如何在 URL 中使用 javascript 变量作为查询字符串参数

Question

我想在 URL 中使用 JavaScript 变量作为查询字符串参数。什么是正确的方法？

 var fromSemester = document.getElementById('<%= newFromSemesterValue.ClientID%>').value;
 var toSemester = document.getElementById('<%= newToSemesterValue.ClientID%>').value;

我想在 URL 中使用

fromSemester

和

toSemester

变量作为查询字符串参数，如下所示：但是 javascript 会抛出错误。在 URL 中使用 VAR 变量的正确方法是什么？

var url = 'MyPage.aspx?id=2&fromsemester='fromSemester'&tosemester='toSemester'&language=eng'

但是这个网址不起作用

Answer 1

有多种选择；最简单的可能是使用

URL

类:

const url = new URL('MyPage.aspx?id=2&language=eng', location.href);
url.searchParams.set("fromsemester", fromSemester);
url.searchParams.set("tosemester", toSemester);

或者，字符串插值：

const url = `MyPage.aspx?id=2&fromsemester=${encodeURIComponent(fromSemester)}&tosemester=${encodeURIComponent(toSemester)}&language=eng`;

或者作为最后的手段，字符串连接：

const url = 'MyPage.aspx?id=2&fromsemester=' 
    + encodeURIComponent(fromSemester) 
    + '&tosemester=' 
    + encodeURIComponent(toSemester) 
    + '&language=eng';