Comment insérer des données dans une base de données MySQL à partir d'un formulaire Web en utilisant PHP et jQuery/AJAX ?

Insérer dans MySQL à partir de PHP à l'aide de jQuery/AJAX

Insérer des données d'un formulaire Web dans une base de données MySQL à l'aide de PHP et AJAX avec jQuery peut semblent au premier abord intimidants. Cependant, avec un exemple simple, nous pouvons décomposer le processus en étapes gérables.

Formulaire et code jQuery

Notre formulaire HTML consiste en une saisie de texte pour la saisie de l'utilisateur. et un bouton de soumission :

<code class="html"><form method="post" action="process.php" onSubmit="return ajaxSubmit(this);">
  Value: <input type="text" name="my_value" />
  <input type="submit" name="form_submit" value="Go" />
</form></code>

Ici, process.php est le script PHP qui gère la soumission des données. La fonction jQuery ajaxSubmit est appelée lors de la soumission du formulaire. Il sérialise les données du formulaire dans un tableau de données et envoie une requête AJAX au script process.php, transportant les données.

Le script de processus

Le processus de script PHP. php effectue les tâches suivantes :

1. Importer les données du formulaire à l'aide de la fonction post() : $val = mysql_real_escape_string(post('my_value'), $cxn);
2. Nettoyer les données pour empêcher l'injection SQL : $val = mysql_real_escape_string($val, $cxn);
3. Établissez une connexion MySQL en utilisant $cxn = mysql_connect(...) et sélectionnez la base de données cible.
4. Construisez une requête MySQL INSERT utilisant les données du formulaire : $sql = sprintf("INSERT INTO ...VALUES '%s';", $val);
5. Exécutez la requête en utilisant $result = mysql_query($sql, $cxn);
6. Créez un objet de réponse avec un indicateur de réussite et encodez-le en JSON : $resp = new stdClass(); $resp->succès = vrai; print json_encode ($resp);

Gestion des réponses AJAX

La requête AJAX dans jQuery vérifie le succès de la réponse du serveur et affiche une alerte en conséquence. Une fois le formulaire soumis avec succès, une alerte avertit l'utilisateur et le formulaire peut être réinitialisé.

Avec ces composants en place, vous pouvez insérer les données de votre formulaire Web dans une base de données MySQL de manière transparente et gérer les réponses à l'aide de jQuery/AJAX.

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!