我的网站上有一个输入字段,人们可以输入搜索词。
我正在获取用户输入的值并将其吐出到 URL 字符串中。
jQuery("#searchButton").click(function(){
var simpleSearchTermLocal = jQuery('#searchField').val();
var urlString = "www.mysite.com/" + simpleSearchTermLocal;
alert(urlString);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="searchField" />
<button id="searchButton">search</button>
因此,当有人在搜索字段中输入“ABC”之类的内容时,变量
urlString
的值将变为www.mysite.com/ABC
,这很好。
但是当在输入字段中输入空格时,例如“ABC 123”,
urlString
变成了www.mysite.com/ABC 123
,这不太好。我希望它变成www.mysite.com/ABC%20123
。
我怎样才能实现这个目标?
encodeURI()
功能。
var theString = "The quick brown fox jumped over the lazy dog.";
console.log(encodeURI(theString));