首页 > 解决方案 > Django jQuery $.ajax() 不是使用完整构建 cdn 的函数

问题描述

我构建了一个测验应用程序,当我按下按钮时,我希望 AJAX 请求进入我的后端,但是它给了我以下错误:

Uncaught TypeError: $.ajax is not a function
    at HTMLButtonElement.<anonymous> (10:26)
    at HTMLButtonElement.dispatch (jquery-3.2.1.slim.min.js:3)
    at HTMLButtonElement.q.handle (jquery-3.2.1.slim.min.js:3)

我知道上面说我正在使用 jQuery 的精简版本,但事实并非如此,因为我使用的是 jQuery 网站上的以下 CDN:

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

我用于此函数的 jQuery 代码如下,它位于 CDN 下方的 HTML 文档的头部:

<script type="text/javascript">
    $(document).ready(function () {
        $("#edit-confirm").on("click", function() {
            console.log("click");
            $.ajax ({

            });
        });
    });
</script>

所有其他 jQuery 都可以工作,当我在错误消息之前按下按钮时,控制台中会显示“单击”。

标签: javascriptjquerydjangoajax

解决方案


感谢大家!

事实证明,问题在于 Bootstrap 的苗条构建覆盖了我使用的完整构建,因为 Bootstrap 将他们的 CDN 放在他们网站模板的正文底部(有人知道为什么吗?)。一旦我删除它,一切都很好。


推荐阅读