Comment insérer des données dans une base de données MySQL à partir d'un formulaire PHP en utilisant 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érer des données à partir 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 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>

Traitement Script (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. Soumettre le formulaire pour déclencher la requête AJAX et insérer les données dans la base de données.

Remarque : Ce code est fourni pour à 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!