未定义Javascript函数onclick

Question

我试图在按钮单击时启动一些操作，所以我定义了一个函数并传递了php值作为从控制器获取的参数，并且我愿意使用该参数值来传递一些参数Ajax到另一个控制器。

因此，我要在一个按钮中设置该功能以使该功能处于午餐状态

        <button type="" onclick="CreateCommende('<?php echo $username;  ?>')"  class="btn btn-primary pull-right"><i class="fa fa-check"></i> Valider</button>

然后我试图查看它是否在脚本部分中检索正确的PHP值：

    function CreateCommende(username)
    {
        var name = username;
        console.log(name);
    }
    ;

在这里我可以看到它正在读取正确的PHP值：

但是当我在控制台中通过CreateCommende('admin')时，我会得到这个

  

未捕获的ReferenceError：未定义CreateCommende       在：1：1

出什么问题了？

Answer 1

确保脚本位于结束</body>标记之前

<script>
 function CreateCommende(username)
    {
        var name = username;
        console.log(name);
    }
    ;
</script>
</body>

Answer 2

javascript函数未加载到文件或脚本标签中

<script type="text/javascript">
  function CreateCommende(username)
  {
    var name = username;
    console.log(name);
  };
</script>
<button type="" onclick="CreateCommende('<?php echo $username;  ?>')"  class="btn btn-primary pull-right"><i class="fa fa-check"></i> Valider</button>

为避免标记损坏，您可以使用https://www.php.net/manual/en/function.addslashes.php

转义输出

<?php echo addslashes($username); ?>

Answer 3

我通过将功能代码放在外面来解决了这个问题：

 $(document).ready(function() {}