Отправка запроса AJAX POST в сценарий PHP возвращает данные [объектный объект] не удалось отправить в console.log

Question

Я хочу отправить некоторые данные, используя AJAX и Jquery, в мой скрипт PHP, который, в свою очередь, загружает эти данные в базу данных

function uploadProjects() {
  $('#js-projects').submit(() => {
    event.preventDefault();
    $.ajax({
      type: 'POST',
      url: '/php/api/object/Project.php',
      data: $('#js-projects').serialize(),
      success: (response) => {
        console.log(`The data ${response} has been uploaded`);
      },
      error: (response) => {
        console.error(`The data ${response} could not be send`);
      },
    });
  });
}

Эта функция получает все данные формы и отправляет POST-запрос к моему PHP скрипту, который будет обрабатывать указанные данные примерно так:

        protected function CreateQuery(): PDOStatement
        {
            $title = $_POST["projectName"];
            $description = $_POST["Description"];

            $stm = $this->pdo->openConnection();

            $PDOStatement = $stm->prepare("INSERT INTO projects  
                                          (title,description)
                                          VALUES(':title',':description'");

            $PDOStatement->bindvalue(':title', $title, PDO::PARAM_STR);
            $PDOStatement->bindvalue(':description', $description, PDO::PARAM_STR);

            $PDOStatement->execute();

            return $PDOStatement;
        }

Эта функция кодирует данные в JSON формат

       public function EncodeToJsonCreate(): string
        {
            try {
                header('HTTP/1.1 200 OK');
                return json_encode(array('records' => $this->CreateQuery()->fetchAll(PDO::FETCH_ASSOC)),  JSON_PRETTY_PRINT);
            } catch (InvalidArgumentException $th) {
                header('HTTP/1.0 404 Not Found');
                throw new InvalidArgumentException("Error Processing Request {$th->getMessage()}", 1);
            }
        }

Моя HTML форма для ссылка

                            <form id="js-projects">
                                <td><input class="form-control" type="text" id="projectName" name="projectName"></td>
                                <td><input class="form-control" type="text" id="description" name="description"></td>
                                <td><input class="form-control" type="time" id="estimatedTime" name="estimatedTime"></td>
                                <td><input class="form-control" type="time" id="actualTime" name="actualTime"></td>
                                <td><a id="viewProject" class="btn btn-info" href="Overview.php" role="button"> <i class="fa fa-angle-right" aria-hidden="true"></i> View project</a>
                                </td>
                                <td><a id="addTask" class="btn btn-info" href="Overview.php" role="button"> <i class="fa fa-angle-right" aria-hidden="true"></i> Add task</a></td>
                                <td><button type="submit" id="deleteProject" name="deleteProject" class="btn btn-danger"> <i class="fa fa-angle-right" aria-hidden="true"></i> Delete project</button></td>
                            </form>