Как вставить данные в таблицу php из javascript или Как выполнить следующую задачу, используя базу данных вместо localStorage?

Question

как я могу работать аналогично с базой данных вместо использования localStorage в приведенном ниже коде. Мне известно, что javascript - это язык на стороне клиента, а php - на стороне сервера. Я хочу хранить извлечение данных из базы данных вместо локального хранилища. Любой код ajax jQuery json будет полезен

<div id="timer">timer</div>
<div id="countr">count</div>
<script>
var count=localStorage.getItem("count")? localStorage.getItem("count"):0;
var timeleft = localStorage.getItem("timeleft")? localStorage.getItem("timeleft"):60;
var downloadTimer = setInterval(function(){
timeleft --;
document.getElementById("timer").innerHTML = timeleft;
if(timeleft == 0)
setInterval(timeleft=60) && setInterval(count++);
document.getElementById("countr").innerHTML = count;
localStorage.setItem("timeleft",timeleft);
localStorage.setItem("count",count);
if(count==20)
setInterval(count=0); },100);
</script>

ajax код

<script>
    $(document).ready(function){
        $.ajax({url:"savedata.php",success:function(result){
            $("#timer"),html(result);
        }});
    };
    const data= new fdata();
    data.append("count","count");
    data.append("timeleft","timeleft");
    const xhr= new XMLHttpRequest();
    xhr.open("POST","savedata.php",true);
    xhr.send(data); 
</script>

Php код (сохраненные данные. php)

      <?php
      $db = mysqli_connect("localhost","root","","vidswapp");
      $timer=$_POST['timeleft'];
      $counter=$_POST['count'];
      $mysqli="insert into table1(timer,counter)values('$timer','$counter')"; 
      ?>

Answer 1

Вот как это работает на самом базовом c уровне. Остальное решать вам.

<?php
  if ($_SERVER["REQUEST_METHOD"] === "POST"){

    // 1. Connect to database.
    $dbhost = "localhost";
    $dbuser = "yourUsername";
    $dbpass = "yourPassword";
    $dbname = "yourDatabase";
    try {
      $connection = new PDO("mysql:host=$dbhost; dbname=$dbname; charset=utf8", $dbuser, $dbpass);
      $connection->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
      echo "Connected to database successfully!"; 

      // 2. Prepare your statement with placeholders.
      $pdo = $connection->prepare("INSERT INTO theTableName (theColumnName1, theColumnName2) "
        + "VALUES (:placeholderForColumn1value, :placeholderForColumn2value)");

      // 3. Execute your statement with actual values.
      $pdo->execute([
        ":placeholderForColumn1value" => $_POST["actualValue1"],
        ":placeholderForColumn2value" => $_POST["actualValue2"]
      ]);

      // 4. Close your connection to the database.
      $connection = null;

    } catch(PDOException $e) {
      echo "Failed to connect to database: " . $e->getMessage() . ".";
    }
  }
?>