jsまたはjQueryを使用してHTML入力フィールドからスペースを％20に変換します。

Question

こんにちは私のサイトには、検索語を入力できる入力フィールドがあります。

私はユーザーの入力値を受け取り、それをURL文字列に吐き出しています。誰かが検索フィールドに「ABC」のようなものを入力すると

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>

だから、変数 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));