Comment insérer des données dans MySQL avec PHP et AJAX (jQuery) ?

Insérer des données dans MySQL avec PHP et AJAX (jQuery)

De nombreux didacticiels se concentrent sur des implémentations complexes d'interaction avec des bases de données, ce qui rend l'adaptation difficile eux pour des besoins spécifiques. Cet article propose une approche simplifiée pour insérer des données dans une base de données MySQL à l'aide de PHP et AJAX (jQuery).

Le formulaire HTML se compose d'une zone de texte, d'une étiquette et d'un bouton d'envoi.

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

Le script jQuery gère la soumission AJAX sans actualiser la page.

<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 has been posted successfully');
            }
        }
    });

    return false;
}</code>

Le script PHP, process.php, se connecte à la base de données et exécute la requête d'insertion. Il échappe à la saisie de l'utilisateur pour empêcher les injections SQL.

<code class="php">$val = mysql_real_escape_string(post('my_value'));
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';", 'table_name_goes_here', $val);
$result = mysql_query($sql);</code>

Le résultat de la requête (succès ou erreur) est renvoyé au format JSON. Une fois l'insertion réussie, un message d'alerte s'affiche sur la page.

Cette approche simplifiée fournit un moyen concis et simple d'insérer des données dans une base de données MySQL à l'aide de PHP et AJAX (jQuery).

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!