Question

我对编码还比较陌生，在让jQuery / ajax在django / bootstrap项目中工作时遇到了问题。在标题的开头，我包含以下代码：

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

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

但是，当尝试运行简单功能时：

<script>
{% block jquery %}
var endpoint='/api/data/'

$.ajax({
    method: 'GET',
    url: endpoint,
    success: function(data){
        console.log(data)
    },
    error: function(error_data){
        console.log("error")
        console.log(error_data)
    }
})


{% endblock %}

我不断在控制台中显示两个相同的错误：

jquery.min.js:2 jQuery.Deferred exception: $.ajax is not a function TypeError: $.ajax is not a function
at HTMLDocument.<anonymous> (http://127.0.0.1:8002/chart/:87:7)
at e (https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js:2:29453)
at t (https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js:2:29755) undefined

Uncaught TypeError: $.ajax is not a function
at HTMLDocument.<anonymous> ((index):87)
at e (jquery.min.js:2)
at t (jquery.min.js:2)

我在这里看到的大多数答案似乎都围绕着安装不包含Ajax的jQuery苗条版本。但是，我认为事实并非如此。

非常感谢您的帮助！

Answer 1

解决了！事实证明，在添加引导程序（我很久以前做过）时，导入了jQuery（已将其放在页脚中）。这用苗条的版本覆盖了我的jQuery常规版本。

无法将jQuery / Ajax集成到Django项目中

1 个答案: