无法使用 ajax 将 php 文件插入数据库

Question

I'm quite new to ajax and php. I've been trying to insert the text found in my dynamically generated js table into the database, but I just can't get it to work.

My main issue is that I have got it to work on a different table in the database, from a different page of the site.

<button id="saveScorecard">Save Scorecard</button>

The above triggers the below js event.

$(document).ready(function() {
console.log("document loaded");
    $('#saveScorecard').click(function() {
        //Get value of item name
        var place_1 = $("#scorecard table tbody #tr0 td:first-child").html();
        console.log($("#scorecard table tbody #tr0 td:first-child").html());
        var place_2 = $("#scorecard table tbody #tr1 td:first-child").html();
        var place_3 = $("#scorecard table tbody #tr2 td:first-child").html();;
        var user_id = 1;
        
        $('#saveScorecard').prop("disabled", true);

        request = $.ajax({
            url: "ajax/upload.php",
            type: "post",
            data: {place1 : place_1, 
                   place2 : place_2, 
                   place3 : place_3, 
                   userid : 1}
            
        });
        console.log("sent data to php file");

        request.always(function () {
            $('#saveScorecard').prop("disabled", false);
        });

    });
    
});

upload.php:

<?php

require_once('../includes/db.php');


if($_POST['place_1_name'] && $_POST['place_2_name'] && $_POST['place_3_name']){


   $query = "INSERT INTO scorecards (place_1_name, place_2_name, place_3_name, user_id) 
   
   VALUES 
   (:place_1, :place_2, :place_3, :user_id)";
   
   $result = $DBH->prepare($query);
   $result->bindParam(':place_1', $_POST['place1']);
   $result->bindParam(':place_2', $_POST['place2']);
   $result->bindParam(':place_3', $_POST['place3']);
   $result->bindParam(':user_id', $_POST['userid']);

   $result->execute();
   echo $DBH->lastInsertId();
}

?> 

The site is hosted through plesk if that helps.

Please ignore the clutter and indivdual definition of all of the table cells, I've been focused on trying to get it to work before tidying it up.

Also any tips on php debugging would be great, as sometimes the errors arent logged in the console or error logs.

Thanks for any help!

Answer 1

TYPOGRAPHICAL ERROR

You are condition is checking the data which you have never send it.

In your upload.php file you are checking the condition...

if($_POST['place_1_name'] && $_POST['place_2_name'] && $_POST['place_3_name'])
{
    //your codes
}

but you are sending the data using ajax is...

data: { place1 : place_1, 
        place2 : place_2, 
        place3 : place_3, 
        userid : 1}

Either you have to change the key from JQuery or PHP to solve the problem.

Once you changed the keys to what you are sending, Your problem will be solved

for example:

if($_POST['place1'] && $_POST['place2'] && $_POST['place3'])
{
    //your codes
}