Maison > base de données > tutoriel mysql > Comment intégrer les inserts MySQL avec PHP et jQuery/AJAX pour une expérience de soumission de formulaire transparente ?

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

Mary-Kate Olsen
Libérer: 2024-11-04 14:35:02
original
609 Les gens l'ont consulté

How to Integrate MySQL Inserts with PHP and jQuery/AJAX for a Seamless Form Submission Experience?

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>
Copier après la connexion
  1. 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>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal