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() {}