почему я не могу положить переменную в encodeURI?

Question

почему это работает?

var movieName = encodeURI("deadpool");
var url = "https://api.themoviedb.org/3/search/movie?api_key=" + apiKey + "&query=" + movieName;

а это не ?; Iven поставил консольный журнал для проверки, и это работает

var movieName = $(".shown .title").html();
console.log(movieName);

var url = "https://api.themoviedb.org/3/search/movie?api_key=" + apiKey + "&query=" + encodeURI(movieName);

Answer 1

HTML может иметь пробел вокруг заголовка, который вам нужно удалить.

var movieName = $(".shown .title").html().trim();

Кроме того, вам, вероятно, следует использовать .text() вместо .html(), если есть встроенные теги HTML.

var apiKey = "key";

var movieName = encodeURIComponent("deadpool");
var url = "https://api.themoviedb.org/3/search/movie?api_key=" + apiKey + "&query=" + movieName;
console.log(url);

var movieName = $(".shown .title").html().trim();
console.log(movieName);

var url = "https://api.themoviedb.org/3/search/movie?api_key=" + apiKey + "&query=" + encodeURIComponent(movieName);
console.log(url);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="shown">
<div class="title">
deadpool
</div>
</div>