ReferenceError：在asp.net razor 页面中进行Ajax api 调用时未定义$

Question

我正在对 asp.net razor 页面文件中的api/news进行简单的 Ajax 调用。 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>

供参考