使用Flask从JavaScript代码调用Python函数时执行出错

我目前正在运行一个Python Flask应用，需要在HTML页面里通过<script>标签引入JavaScript文件，下面是我的HTML文件内容：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title1</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <!-- 后续可在此或页面底部添加script标签引入JS文件 -->
</head>
<body>
    <!-- 页面主体内容 -->
</body>
</html>

这里分享几个实操时的关键注意点：

• 如果引入本地JavaScript文件，Flask默认要求静态资源放在static文件夹下，推荐用Flask的url_for函数生成路径，避免硬编码路径出错，示例：

  <script src="{{ url_for('static', filename='js/your-custom-script.js') }}"></script>
  

• 若引入CDN上的JS文件，要确保链接完整可访问，像你引入Bootstrap CSS那样，注意完整性校验值和跨域属性的正确设置。
• 建议把<script>标签放在<body>标签的末尾（</body>之前），能避免DOM未加载完成就执行JS导致的元素找不到问题。

内容的提问来源于stack exchange，提问作者user2916886