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

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

Barbara Streisand
Barbara Streisandoriginal
2024-11-01 16:16:021052parcourir

How to Insert Data into a MySQL Database from a PHP Form Using jQuery/AJAX?

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

Dans ce guide, nous explorerons comment exploiter PHP et jQuery/AJAX pour insérez des données d'un formulaire HTML de base dans une base de données MySQL.

Comprendre le formulaire

Supposons que vous ayez un formulaire avec la structure suivante :

<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>

Script jQuery/AJAX

Ce script gérera l'envoi des données du formulaire au serveur via une requête AJAX :

<code class="javascript"><script type="text/javascript">
  var ajaxSubmit = function(formEl) {
    var url = $(formEl).attr('action');
    var data = $(formEl).serializeArray();

    $.ajax({
      url: url,
      data: data,
      dataType: 'json',
      success: function(rsp) {
        if(rsp.success) {
          alert('Form has been posted successfully.');
        }
      }
    });

    // Prevent the form from submitting to the page
    return false;
  }
</script></code>

Script de traitement ( process.php)

Ce script PHP se connectera à la base de données et insérera les données soumises :

<code class="php"><?php
function post($key) {
  if (isset($_POST[$key]))
    return $_POST[$key];
  return false;
}

// Connect to the database
$cxn = mysql_connect('localhost', 'username_goes_here', 'password_goes_here');
if (!$cxn)
  exit;
mysql_select_db('your_database_name', $cxn);

// Escape the form input
$val = mysql_real_escape_string(post('my_value'), $cxn);

// Insert query
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
                'table_name_goes_here',
                $val
);

// Execute query
$result = mysql_query($sql, $cxn);

// Set response object
$resp = new stdClass();
$resp->success = false;
if($result) {
  $resp->success = true;
}

print json_encode($resp);
?></code>

Utilisation

  1. Enregistrez le formulaire et le script jQuery/AJAX dans un fichier HTML.
  2. Enregistrez le script de traitement sous "process.php".
  3. Envoyez le formulaire pour déclencher la requête AJAX et insérez les données dans la base de données.

Remarque : Ce code est fourni à titre indicatif uniquement et peut nécessiter des modifications pour fonctionner dans votre environnement spécifique.

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!

Déclaration:
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