Javascript 单击按钮时如何解决未定义的函数错误_Javascript_Html_Flask

Javascript 单击按钮时如何解决未定义的函数错误

javascript html flask

Javascript 单击按钮时如何解决未定义的函数错误,javascript,html,flask,Javascript,Html,Flask,我使用下面的代码片段在单击按钮时调用函数 <a class="btn btn-primary btn-sm" role="button" style="display: block; margin: 0 auto;" onclick="RecordFunction()">Record</a> 。但没有起作用。感谢您的帮助我的整个index.html如下所示： <!doctype html> <html> <head>

我使用下面的代码片段在单击按钮时调用函数

<a class="btn btn-primary btn-sm" role="button"  style="display: block; margin: 0 auto;" onclick="RecordFunction()">Record</a>

。但没有起作用。感谢您的帮助
我的整个index.html如下所示：
<!doctype html>
<html>

    <head>    

<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></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://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

  </head>
   <body>

<div class="jumbotron text-xs-center">
  <h1 class="display-3">Thank You {{ name }}</h1>
  <p class="lead"  style"text-align:center"><strong>click the below button </strong></p>
  <hr>
  <div class="col-md-4"></div>
  <div class="col-md-6">
  <p class="lead">
    <a class="btn btn-primary btn-sm" role="button"  style="display: block; margin: 0 auto;" onclick="RecordFunction()"> Give Consent  </a>
  </p>
</div>

<div class="col-md-4"></div>
</div>
<!-- </div> -->
<div class="bgImgCenter"></div>
<script type="text/javascript">
function RecordFunction (){
  var xhttp = new XMLHttpRequest();
  xhttp.open("POST", "/record/{{name}}", true);
  xhttp.send();
  alert("Thank You ");
}
</script>

   </body>
</html>


谢谢{{name}
单击下面的按钮



同意

函数记录函数（）{
var xhttp=newXMLHttpRequest（）；
xhttp.open（“POST”，“/record/{{{name}}”，true）；
xhttp.send（）；
警惕（“谢谢”）；
}

我正在通过一个烧瓶模板渲染这个
@app.route('/<user>')
def hello(user):
    name=user
    return render_template('index.html', name = name)

@app.route（“/”）
def hello（用户）：
名称=用户
返回呈现模板（'index.html'，name=name）
试试这个：
单击下面的按钮

缺少a=，应该是
单击下面的按钮
复制并粘贴代码到中不会重新创建问题。请发布文件的其余部分。我个人不认为您显示的代码有任何错误。您需要显示更多的HTML文档结构。只有个别的
和
标记不让我们看到问题的原因。@Herohtar很抱歉没有公布全部内容。我更新了完整的代码似乎也能工作，但没有工作，但我意识到当加载页面时，我在此行收到一个错误Uncaught SyntaxError:Invalid或unexpected token
xhttp.open（“POST”，“/record/{{name}}”，true）
。{{name}}的计算结果是什么？这是我通过返回render_模板（'index.html'，name=name）
传递的参数。因此，我通过调用localhost:5000/api/john来呈现这个html。也许这会奏效。无论何时对代码进行测试，代码似乎都能正常工作；url=“/record/{{name}}”；console.log（url）；xhttp.open（“POST”，url，true）当我在定义url时执行此操作。我们可以在onclick函数中传递{{name}}吗？
@app.route('/<user>')
def hello(user):
    name=user
    return render_template('index.html', name = name)