ReferenceError：在 asp.net razor 页面中进行 Ajax api

Question

我正在对api/newsasp.net razor 页面文件进行简单的 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 的第三方库。您必须在使用 $ 对象之前添加以下脚本。

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

供参考