关于javascript：使用js或jQuery强制空格从HTML输入字段转换为%20

Force spaces to convert to %20 from HTML input field using js or jQuery

本问题已经有最佳答案，请猛点这里访问。

你好，我的网站上有一个输入框，人们可以输入搜索词。

我将获取用户输入的值并将其输出到一个URL字符串中。

1
2
3
4
5

jQuery("#searchButton").click(function(){
var simpleSearchTermLocal = jQuery('#searchField').val();
var urlString ="www.mysite.com/" + simpleSearchTermLocal;
alert(urlString);
});

1
2
3

因此，当有人在搜索字段中输入类似"abc"的内容时，变量urlString的值就变成www.mysite.com/ABC，这很好。

但是，当在输入字段中输入一个空格(如"abc 123")时，urlString变为www.mysite.com/ABC 123，这并不好。我想把它变成www.mysite.com/ABC%20123。

有什么建议吗？

谢谢

您需要encodeURI()函数。

1
2
3

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

console.log(encodeURI(theString));