Comment AJAX et PHP peuvent-ils être utilisés pour soumettre plusieurs champs de formulaire à une base de données ?

function MyFunction() {
  // Gather the data from the form
  const data = {};
  data.num_to_enter = $('#num_to_enter').val();

  for (let i = 1; i <= data.num_to_enter; i++) {
    data['fname[' + i + ']'] = $('#fname[i]').val();
    data['lname[' + i + ']'] = $('#lname[i]').val();
    data['email[' + i + ']'] = $('#email[i]').val();
  }

  // Set up the AJAX request
  $.ajax({
    url: 'process.php',
    type: 'POST',
    data: JSON.stringify(data),
    dataType: 'json',
    success: function(data) {
      // Handle the success response
      console.log(data.success); // Should be "yes" if successful
    },
    error: function() {
      // Handle the error response
      alert('There was an error submitting the data.');
    }
  });

  return false;
}

<?php
// Decode the JSON data sent from the client
$data = json_decode(file_get_contents('php://input'), true);

// Process the data and update the database (not shown here)

// Set up the success response
$response = ['success' => 'yes'];

// Encode the JSON response
echo json_encode($response);
?>