Comment insérer des données dans une base de données MySQL en utilisant PHP et AJAX (jQuery) ?

Insérer des données dans une base de données MySQL à l'aide de PHP et AJAX (jQuery)

Problème :

Vous souhaitez insérer des données saisies par l'utilisateur à partir d'un formulaire simple dans une base de données MySQL en utilisant PHP et AJAX (jQuery). Les didacticiels existants se sont révélés déroutants, ce qui rend difficile la mise en œuvre des fonctionnalités souhaitées.

Solution :

En utilisant les puissantes capacités AJAX de jQuery et la connectivité de la base de données PHP, vous pouvez accomplir cette tâche avec une relative facilité.

Formulaire HTML :

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

Fonction 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(rsp) {
            if (rsp.success) {
                alert('Form data submitted successfully');
            }
        }
    });

    return false;
};</code>

processus .php Script :

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

$cxn = mysql_connect('localhost', 'username', 'password');
if (!$cxn) exit;
mysql_select_db('database_name', $cxn);

$val = mysql_real_escape_string(post('my_value'), $cxn);

$sql = sprintf("INSERT INTO table_name (column_name) VALUES ('%s')", $val);
$result = mysql_query($sql, $cxn);

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

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

Dans cette solution, l'utilisateur saisit des données dans le formulaire et clique sur le bouton Soumettre. La fonction jQuery capture les données et envoie une requête AJAX à process.php. Le script process.php gère la connexion à la base de données, la validation des données et la requête d'insertion. La réponse est renvoyée au client sous forme d'objet JSON, informant l'utilisateur du succès ou de l'échec de l'opération d'insertion.

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!