ReferenceError: $ не определено при совершении вызова Ajax API на странице asp. net бритвы.

Question

Я делаю простой Ajax вызов api/news в asp. net файле бритвы. API работает нормально, так как он показывает все данные, когда я получаю к нему доступ https://localhost:44364/api/news

Я продолжаю получать ReferenceError: $ is not defined, а отладчик указывает на $(document).ready(function () { строку кода.

Я даже использую упрощенную версию вызова ajax, которая также упоминается ниже, но я продолжаю получать ту же ошибку.

Когда я удаляю вызов .ajax или комментируем, все ajax ошибка исчезает .

Не уверен, что именно эта ошибка указывает на

<script>

        function loadNewsData() {
            $.ajax({
                type: "GET",
                url: "/api/news",
                dataType: "json",
                success: function (result, status, xhr) {
                    var table = $("<table><tr><th>Details</th></tr>");

                    table.append("<tr><td>Title:</td><td>" + result["NewsHeading"] + "</td></tr>");
                    table.append("</table>");

                    $("#message").html(table);
                },
                error: function (xhr, status, error) {
                    alert("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
                }
            });
        }
    $(document).ready(function () {
        loadNewsData();
    });
</script>



<script type="text/javascript">

        function loadNewsData() {
            $.ajax({
                url: "/api/news",
                type: "GET",
                dataType: "json",
                success: function (data) {
                    console.log(data);
                },
                error: function (error) {
                    console.log('Error ${error}');
                }
            });
        }
    $(document).ready(function () {
        loadNewsData();
    });
</script>

Answer 1

$ не является переменной dom. Это сторонняя библиотека с именем jquery. Вы должны добавить приведенный ниже скрипт перед использованием $ object.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

для reference