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

我正在asp.net razor页面文件中对

api/news

进行一个简单的Ajax调用。API工作正常，因为当我访问它时，它会显示所有数据

https://localhost:44364/api/news

我不断得到

ReferenceError:$未定义

，调试器指向

$（document）.ready（函数（）{

代码行）

我甚至使用了简化版的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>

函数loadNewsData（）{
$.ajax({
键入：“获取”，
url:“/api/news”，
数据类型：“json”，
成功：功能（结果、状态、xhr）{
var表=$（“详细信息”）；
表.追加（“标题：+result[“newheading”]+”）；
表.追加（“”）；
$（“#消息”）.html（表格）；
},
错误：函数（xhr、状态、错误）{
警报（“结果：“+status+”“+error+”“+xhr.status+”“+xhr.statusText”）
}
});
}
$（文档）.ready（函数（）{
loadNewsData（）；
});
函数loadNewsData（）{
$.ajax({
url:“/api/news”，
键入：“获取”，
数据类型：“json”，
成功：功能（数据）{
控制台日志（数据）；
},
错误：函数（错误）{
log（'Error${Error}'）；
}
});
}
$（文档）.ready（函数（）{
loadNewsData（）；
});

---

$不是dom变量。它是名为jquery的第三方库。您必须添加 在使用$object之前，请执行以下脚本

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

---

for

$不是dom变量。它是名为jquery的第三方库。您必须添加 在使用$object之前，请执行以下脚本

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

---

对于

@Learning，尝试将其放在head部分，或者在您第一次执行ajax之前。它的问题似乎是ajax文件的位置，因为所有js文件都在页面的末尾，并且作为

\u Layout.cshtml

的一部分，当添加jquery cdn引用到新闻页面时，它也会起作用。不确定why@Learning试着把它放在头部，或者JU在您第一次执行ajax之前。它的问题似乎是ajax文件的位置，因为所有js文件都在页面的末尾，并且作为

\u Layout.cshtml

的一部分，当添加jquery cdn引用到新闻页面时，它也起作用了。不确定为什么