使用 JS 或 jQuery 强制将 HTML 输入字段中的空格转换为 %20 [重复]

Question

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

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

。

我怎样才能实现这个目标？

Answer 1

您需要

encodeURI()

功能。

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

console.log(encodeURI(theString));