Uncaught Type Error, $.post is not a function?

Question

I am creating a page where clicking on the post button it will prepend below the input and store input data to database but i'm encountered with above problem! Below I m sharing my code

<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>

the postToPage.php file

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

the database config file db.php

<?php

$conn = mysqli_connect("localhost","root","","signup_data");

?>

Please reveal the errors..Thank you

http://jsbin.com/fuqisaniso/1/edit?html,output — I can't reproduce the problem. `$.post` is defined by jQuery which you load before you try to use `$.post`. — Quentin, Jun 21 '18 at 10:08
**Danger**: You are **vulnerable to [SQL injection attacks](http://bobby-tables.com/)** that you need to [defend](http://stackoverflow.com/questions/60174/best-way-to-prevent-sql-injection-in-php) yourself from. — Quentin, Jun 21 '18 at 10:09

score 1 · Answer 1 · answered Jun 21 '18 at 10:21

1

try below code

 <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>

answered Jun 21 '18 at 10:21

sam

167
8

check your sequence of js files included it should be based on versions of jquery – sam Jun 21 '18 at 11:35
Sorry guyzz i found my problem its because i have added jquery.slim.js at footer.php thats why its not working i just replaced it with jquery.min.js and its working now....thankss everyone for helping me on this – Aditya Mishra Jun 21 '18 at 11:36

Uncaught Type Error, $.post is not a function?

1 Answers1