Ajax 調用在 Visual Studio 代碼中不起作用（2020 年 6 月）

Question

我正在嘗試從 openWeather API 獲取數據。它在崇高的文本中工作，但不在 Visual Studio 代碼（2020）中。下面是我的代碼：

$(document).ready(function() {
$("#submitweather").click(function() {
    if ($("#city").val() != null) {
        $.ajax({
            url: "https://api.openweathermap.org/data/2.5/weather?q=" + $("#city").val() + "&units=metric&appid=" + "16730653e7fb54b543203fcee48a7abb",
            type: "GET",
            dataType: "json",
            async: true,
            success: function(result) {

                console.log(result);
            },
            error: function(err) {

                console.log(err);
            }

        });
    } else
        alert("city name should be entered");
});
  });

HTML 代碼：

<div class="col-md-12">

            <form>
                <div class="row pb-5">
                    <div class="col-md-6">
                        <input type=" text" id="city" placeholder="Enter city" class="form-control">
                    </div>
                    <div class="col-md-6">
                        <button id="submitweather"  class="btn btn-warning px-5">Search</button>
                    </div>
                </div>
            </form>
        </div>

Answer 1

不知道具體錯誤，我在編輯器之間遇到過類似的 JS 問題，因為在一些復制和粘貼后隱藏了控制字符。 確保您的代碼中沒有任何隱藏的轉義/控制字符。