jQuery ajax not posting values to php script

Question

I am having a problem with posting a value to my php script via jQuery/ajax. I have searched around looking for a solution but cannot seem to figure it out why i am not getting the value posted.

here's my code.

page.html

<body>



  input message:<p><input type="text" id="note" name="note" placeholder="enter something that made you feel this way"></p><br />

  <p><button name="submitMessage">submit</button></p>
  <script src="../js/jquery-3.1.1.js"></script>

<script src="../js/welcomeScript.js"></script>
<script> $( document ).ready(function() {



$('[name=submitMessage]').on('click', function (e){
     e.preventDefault();

     $.ajax({
          type: 'POST',
          url: '../php/post-note.php',
          data: {data: $('#note').attr('val')},
          success: function(){
                alert('added your note, you will now go to main app!');
                window.location.href = "../home.php";
          }
     });

   });

});

</script>
</body>

post-note.php

session_start();
$note = $_POST['data'];

if(isset($note) && isset($_SESSION['username'])){

  $username = $_SESSION['username'];
  $sqlMessage = "UPDATE mt_tbl SET note = '$note' WHERE userName = '$username'";
  mysqli_query($conn, $sqlMessage);
  echo "note: ".$note. " added to the dB!";
}

instead of $('#note').attr('val') use $('#note').val()

Death-is-the-real-truth
– Death-is-the-real-truth

2017-02-24 22:32:06 +00:00
Commented Feb 24, 2017 at 22:32 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented Feb 24, 2017 at 22:32

Death-is-the-real-truth · Accepted Answer · 2017-02-24 22:29:20Z

1

Instead of $('#note').attr('val') use $('#note').val()

Why? the reason is given below:-

console.log($('#note').attr('val'));
console.log($('#note').val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id = "note" value = "2">

answered Feb 24, 2017 at 22:29

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

oldbie Over a year ago

Thanks for the reply anant, i have changed it to use .val(), however there is still no message being set... possibly a script problem?

oldbie Over a year ago

My apologies anant, it was my mistake mistyped the table column name in my database! Sorry to have troubled you (but thanks for the Val() tip!

Collectives™ on Stack Overflow

jQuery ajax not posting values to php script

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related