bootstrap-4 - 为什么使用Bootstrap4之后,Ajax就不是一个函数了?
问题描述
我从Bootstrap官网导入的CND链接:
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
它们一直很正常,当我构建网站布局和组件时......接下来是我在网站上看到的一个 ajax 示例(表面上没有任何问题):
$(document).on("submit", "#info-form", function(e) {
e.preventDefault();
var scrf = $("input[name=csrfmiddlewaretoken]").val();
var infos = $(this).serialize();
$.ajax({
type: 'POST',
url: '/user/',
data: {
infos: infos,
csrfmiddlewaretoken: scrf,
},
success:function(){
alert("SUCCESS!");
}
});
});
此时站点显示没有问题,但是当我触发提交事件时,出现这样的错误↓</p>
解决方案
推荐阅读
- android - RoomDB - 按类型计数返回类型
- sql - 具有不同值的查询执行不同
- android - 应用程序在一段时间后自动注销
- jekyll - Github 博客上的 Jekyll 没有出现在 Google 中
- java - javax.servlet.ServletException:无法解析名称为“dispatcherServlet”的 servlet 中名称为“forward:/index”的视图
- python - 谷歌 SMTP 电子邮件发送不起作用 python
- dropzone.js - Dropzone.js - 在使用签名网址上传到谷歌云存储之前调整图像大小?
- typescript - 通过接口属性从对象中获取值?
- google-apps-script - 使用单元格值的 Google 应用程序脚本中的 setNamedRange
- mysql - MySQL 从 2 个表中选择并替换值