Benutzereingabe nicht korrekt in AJAX URL-Anruf

Question

versucht, Benutzer Stadt Eingabe (z. B. Los Angeles) zu verwenden und in Ajax URL-Parameter, jedoch wenn ich console.log(searchURL). Es fügt kein '+' zwischen "los angels" hinzu und bricht somit die URL. Was getan werden kann, um die URL zu machen, ist die + zwischen Städten mit zwei Wörtern.

var apiKey = "&client_id=OTU3MDMwMHwxNTEwMjUwNDQ0LjI3" 
var baseQueryURL = "https://api.seatgeek.com/2/events?" + apiKey; 
console.log(baseQueryURL); 

function runSearch(queryURL) { 
    $.ajax({ 
     url: queryURL, 
     method: 'GET' 
    }).done(function(response) { 
     console.log(response); 
     }; 

     $("#submitSearch").on("click", function(event) { 
     //prevents default event from occuring 
     event.preventDefault(); 

     userCity = $("#userCity").val(); 
     console.log(userCity); 
     //create variable queryCity to hold city queried with URL parameters 
     var queryCity = "&venue.city=" + userCity; 
     //create searchURL to pass in as queryURL in AJAX call 
     searchURL = searchURL + queryCity; 
     console.log(searchURL); 
     runSearch(searchURL); 
     }); 

Answer 1

URL-encode der Wert:

userCity = encodeURIComponent($("#userCity").val()); 

Answer 2

Ich habe benutzten:

userCity.split(" ").join("+")