Javascript 未捕获类型错误，$。post不是函数吗？

我正在创建一个页面，点击post按钮，它将在输入下方预加，并将输入数据存储到数据库中，但我遇到了上述问题！ 下面我分享我的代码

<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script>
  function get(){
      var input = $("#cmt").val();
      $.post('postToPage.php',{comment:input},function(output){
        $("#post-data").prepend(output+"<br><hr>")});

  }


      </script>
<div class="container"  style="margin-top:20px;">
    <div class="form-group">
      <form name="frm" >

      <input type="text" class="form-control" name="cmt" id="cmt" placeholder='Why So Empty!! Please Post Something'>
      <input class="btn btn-primary" type="button"  onclick="get();" value="Post">

      </form>
    </div>

    <br>
    <br>
<!--Here the post data will be visible-->
    <div id="post-data">

    </div>
</div>

函数get（）{
var输入=$（“#cmt”）.val（）；
$.post（'postToPage.php'，{comment:input}，函数（输出）{
$（“#发布数据”）.prepend（输出+”
”）}）；
}

postToPage.php文件

<?php 
require_once('db.php');
$cmt = $_POST['comment'];
$query = "INSERT INTO post (id,body) VALUES ('','$cmt')";
mysqli_query($conn,$query);
echo $cmt;
?>

尝试下面的代码

 <script>
  function get(){

      var input = $("#cmt").val();
      $.ajax({
                        type: 'post',
                        url: 'postToPage.php',
                        data: {
                            comment: input,

                        },
                        success: function (response) {
                             document.getElementById("post-data").innerHTML = response;
                        }
                    });


  }


      </script>


函数get（）{
var输入=$（“#cmt”）.val（）；
$.ajax({
键入：“post”，
url:'postToPage.php'，
数据：{
评论：投入，
},
成功：功能（响应）{
document.getElementById（“post数据”）.innerHTML=响应；
}
});
}
-我无法重现该问题<代码>$。post

是由jQuery定义的，您在尝试使用

$之前加载它。post

。危险：您很容易受到所需的攻击。@Quentin我从那个链接中使劲地学习。好消息来源！使用ajax会更容易。@sam，你能帮个忙吗？检查包含的js文件的顺序，它应该基于jquerySorry guyzz的版本。我发现了我的问题，因为我在footer.php中添加了jquery.slim.js，这就是为什么它不起作用的原因。我刚刚用jquery.min.js替换了它，它现在起作用了……谢谢大家的帮助关于这个

 <script>
  function get(){

      var input = $("#cmt").val();
      $.ajax({
                        type: 'post',
                        url: 'postToPage.php',
                        data: {
                            comment: input,

                        },
                        success: function (response) {
                             document.getElementById("post-data").innerHTML = response;
                        }
                    });


  }


      </script>