Comment intégrer les inserts MySQL avec PHP et jQuery/AJAX pour une expérience de soumission de formulaire transparente ?

Intégration des inserts MySQL avec PHP et jQuery/AJAX

Défi : Implémentation d'un formulaire piloté par ajax qui insère de manière transparente des données dans une base de données MySQL.

Solution :

1. Formulaire HTML : créez un formulaire simple avec une zone de texte, une étiquette et un bouton d'envoi.
2. Script jQuery :

<code class="javascript">var ajaxSubmit = function(formEl) {
  var url = $(formEl).attr('action');
  var data = $(formEl).serializeArray();
  $.ajax({
    url: url,
    data: data,
    dataType: 'json',
    success: function() {
      if(rsp.success) {
        alert('form has been posted successfully');
      }
    }
  });

  // Prevent default form submission
  return false;
}</code>

3. Script process.php : Établir une connexion à la base de données et gérer les données du formulaire :

<code class="php">$val = mysql_real_escape_string(post('my_value'), $cxn);
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
                'table_name_goes_here',
                $val
);
$result = mysql_query($sql, $cxn);
$resp = new stdClass();
$resp->success = false;
if($result) {
    $resp->success = true;
}
print json_encode($resp);</code>

Avantages :

• Processus de soumission de formulaire convivial
• Insertion dynamique et en temps réel des données dans la base de données
• Expérience d'application Web plus propre et plus réactive

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!