Как фильтровать значения API на основе пользовательского ввода, используя jQuery

Question

Как изменить город (q) от Лондона до Нью-Йорка в зависимости от поля ввода пользователя?

Сценарий: при вводе имени города пользователь будет отображать температуру в соответствии с названием города.

 $.getJSON('https://api.openweathermap.org/data/2.5/weather?q=London&units=metric&appid={key}', function(data){


});

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

$(function(){

$(".submit_btn").on('click', function(){
    var city = $("#city_name").val();

    $.getJSON('https://api.openweathermap.org/data/2.5/weather?q={city}&units=metric&appid={key}', function(data){

    var temp = `Temperature: ${data.main.temp} degrees Celsius`

    $(".w1").text(temp);



    });


});
});

Answer 1

Наконец, это работало следующим образом:

$.getJSON(`https://api.openweathermap.org/data/2.5/weather?q=${city}&units=metric&appid={key}`, function(info){

var temp = `Temperature: ${info.main.temp} degrees Celsius`

$(".w1").text(temp);
});

Решение: Добавьте обратные ссылки (`) по обе стороны от URL.