javascript - 查询字符串错误。空白

Question

我正在创建指向页面的超链接

url 由用户输入决定，因此由查询字符串决定

<a href='+abc+'&country='+country +'&state='+state+' ></a>;

问题是变量状态由两个或多个单词组成。因此，当我尝试单击证明表单中输入的超链接时，仅获取状态变量的第一个单词。浏览器将另一个单词视为另一个变量。例如，如果我输入纽约作为州。在状态变量中仅保存 new，因为浏览器将 york 视为另一个具有空白值的变量 &york=""

我应该做什么？

Answer 1

使用encodeURIComponent转义非法字符;

'<a href='+ encodeURIComponent(abc)
 +'&country=' + encodeURIComponent(country)
 +'&state=' + encodeURIComponent(state) + '></a>;

例如，将 "aaa bbb" 转换为 "aaa%20bbb"。