jQuery AJAX POST not passing data to a PHP script

Question

So i have this jQuery:

$("#dropbin").droppable(
    {
    accept: '#dragme', 
    hoverClass: "drag-enter",
    drop: function(event) 
    {
      var noteid = "<?=isset($_POST['noteid']) ? $_POST['noteid'] : "" ?>";

      if (confirm('Delete the note?')==true) 
      {
        $('#dragme').hide();
        debugger
        $.ajax({
          type: 'POST',
          data: noteid,
          datatype: 'json',
          url: 'deleteNote.php',
          success: function(result)
              {
                  alert("Success");
              }
        });

        window.location = "http://discovertheplanet.net/general_notes.php";
      }
      else
      {
        window.location = "http://discovertheplanet.net/general_notes.php";
      }
    }
  });

and that includes this url: url: 'deleteNote.php',

in deleteNote.php:

<?php

include "connectionDetails.php";

?>

<?php

if (isset($_POST['noteid'])) 
{
    // $noteid2 = $_POST['noteid1'];

    echo "You finally hit this bit, congratulations...";

    // $stmt = "UPDATE Notes SET Deleted = GETDATE() WHERE NoteID = (?)";
    // $params = $noteid2;

    // $stmt = sqlsrv_query($conn, $stmt, $params);

    // if ($stmt === false) 
    // {
    //  die( print_r(sqlsrv_errors(), true));
    // }

}

else
{
    echo "No Data";
}


?>

Now even in the URL if i run /deleteNote.php?noteid=25 it hits the "No Data" part of my PHP.

When i run in debugger it populates the variable noteid with a NoteID so that bit is working but the PHP file is saying its not set?

It will run "no data" when you run /deleteNote.php?noteid=25 because that's a GET setting, not a POST which is what your code is looking for. — IsThisJavascript
– IsThisJavascript, Commented Jul 27, 2017 at 13:50
Yes i get the success alert, edit: also i have tried GET as well as i wasn't sure and that returned no data — Luke Litherland
– Luke Litherland, Commented Jul 27, 2017 at 13:51
Have you watched the AJAX request / response in the browser's developer tools? Have you included the jQuery library in the project? Are there any errors reported? Are you running this on a web-server? — Jay Blanchard
– Jay Blanchard, Commented Jul 27, 2017 at 13:54

IsThisJavascript · Accepted Answer · 2017-07-27 13:54:30Z

2

Let's look in your Ajax call:

$.ajax({
      type: 'POST',
      data: noteid,
      datatype: 'json',
      url: 'deleteNote.php',
      success: function(result)
          {
              alert("Success");
          }
    });

Looks nice, but you are sending post data with no id, you're just sending a value. Try this instead.

  $.ajax({
      type: 'POST',
      data: {
          noteid: noteid
      },
      datatype: 'json',
      url: 'deleteNote.php',
      success: function(result)
          {
              alert("Success");
          }
    });

answered Jul 27, 2017 at 13:54

IsThisJavascript

1,7162 gold badges16 silver badges25 bronze badges

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

6 Comments

Luke Litherland Over a year ago

i have made this alteration but its still not working, still hitting the no data part

IsThisJavascript Over a year ago

Your deletenote.php still has if (isset($_POST['noteid']))?

Luke Litherland Over a year ago

Yes, also i've noticed its not hitting my debugger now though?

IsThisJavascript Over a year ago

Still hitting the alert?

Luke Litherland Over a year ago

ok not sure what happened there but its hitting the debugger and alert as it was before however still not hitting that php :( i have also uncommented out the PHP in the file so it should now update the item in the database

|

Collectives™ on Stack Overflow

jQuery AJAX POST not passing data to a PHP script

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related