使用js或jQuery

时间:2017-10-17 20:47:25

标签: javascript jquery html

您好我的网站上有一个输入字段,人们可以输入搜索字词。

我正在获取用户输入的值并将其吐出到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

有什么建议吗?

由于

1 个答案:

答案 0 :(得分:4)

您需要 encodeURI() 功能。

&#13;
&#13;
var theString = "The quick brown fox jumped over the lazy dog.";

console.log(encodeURI(theString));
&#13;
&#13;
&#13;