jQuery post une forme sérialisée l'insertion dans mysql via php?

Je suis en train de poster une forme sérialisée pour un sumbit.php fichier, à son tour, fera ensuite l'insérer dans une base de données MySQL; toutefois, la dernière entrée qui est caché, n'est pas s'insérer dans la base de données, si le reste sont.

Voici quelques extrait des exemples de ce que j'ai à ce jour qui ne fonctionne pas:

HTML

            <form method="post" action="" >
                            <label for="name" class="overlay"><span>Name...</span></label>
                            <input class="input-text" type="text" name="name" id="name" />

                            <label for="email" class="overlay"><span>Email...</span></label>
                            <input type="text" class="input-text" name="email" id="email"/>

                            <label for="website" class="overlay"><span>Website...</span></label>
                            <input type="text" class="input-text" name="website" id="website"/>


                            <label id="body-label" for="body" class="overlay"><span>Comment it up...</span></label>
                            <textarea class="input-text" name="body" id="body" cols="20" rows="5"></textarea>

                            <input type="hidden" name="parentid" id="parentid" value="0" />
                            <input type="submit" value="Comment" name="submit" id="comment-submit" />

                </span>
            </form>

Javascript 

$('form.').submit(function(event) {  

    $.post('submit.php',$(this).serialize(),function(msg){
        //form inputs consist of 5 values total: name, email, website, text, and a hidden input that has the value of an integer
    }
});

PHP (submit.php)

$arr = array();

    mysql_query("   INSERT INTO comments(name,email,website,body,parentid)
                VALUES (
                    '".$arr['name']."',
                    '".$arr['email']."',
                    '".$arr['website']."',
                    '".$arr['body']."',
                    '".$arr['parentid']."'
                )");
  • Il y a des commentaires sur le serialize() page de doc qui semblent indiquer d'autres sont à avoir des problèmes avec la sérialisation des champs cachés ainsi: api.jquery.com/serialize
  • Espérons que peu de Bobby Tables ne vient pas à visiter - xkcd.com/327
InformationsquelleAutor Ryan | 2010-07-25
  1. 7

    Ok, voici le code de travail. Il y avait quelques erreurs (par exemple. unclosed fonction des croisillons sur le post, ouvrez les balises span, aucun POSTE, var dans votre PHP etc.)

    HTML (assurez-vous qu'il est une forme d'ACTION, de sorte que si les gens n'ont pas de js, vous pouvez toujours utiliser le formulaire)

    <form method="post" id="test" enctype="multipart/form-data" action="post.php">
    <label for="name" class="overlay"><span>Name...</span></label>
    <input class="input-text" type="text" name="name" id="name" />

    <label for="email" class="overlay"><span>Email...</span></label>
    <input type="text" class="input-text" name="email" id="email"/>

    <label for="website" class="overlay"><span>Website...</span></label>
    <input type="text" class="input-text" name="website" id="website"/>


    <label id="body-label" for="body" class="overlay"><span>Comment it up...</span></label>
    <textarea class="input-text" name="body" id="body" cols="20" rows="5"></textarea>

    <input type="hidden" name="parentid" id="parentid" value="0" />
    <input type="submit" value="Comment" name="submit" id="comment-submit" />
</form>

    Javascript

    <script>
$(document).ready(function() {
    $('form').submit(function(msg) {  
        alert($(this).serialize()); //check to show that all form data is being submitted
        $.post("post.php",$(this).serialize(),function(data){
            alert(data); //post check to show that the mysql string is the same as submit                        
        });
        return false; //return false to stop the page submitting. You could have the form action set to the same PHP page so if people dont have JS on they can still use the form
    });
});
</script>

    PHP

    <?php
$arr = $_POST; //you need to grab the data via the POST (or request) global.

//this is just a check to show that the SQL statement is correct. Replace with your mysql connection/query
echo "INSERT INTO comments(name,email,website,body,parentid)
        VALUES (
            '".$arr['name']."',
            '".$arr['email']."',
            '".$arr['website']."',
            '".$arr['body']."',
            '".$arr['parentid']."'
        )";
?>
    • $arr = $_POST; fait. Je n'étais pas la saisir au bon endroit. Merci Josh!
    • Pas de problème. Il le faut "accepter" cette réponse si d'autres personnes savent qui a travaillé. Cheers
    InformationsquelleAutor User123342234
  2. 2

    Essayez d'ajouter manuellement le champ caché. Que l'Ambre a souligné, semble être un problème avec le champ caché.. pourrait être un bug dans une ancienne version jquery, peut-être, assurez-vous que vous avez les plus récents en premier.

    Sinon, peut-être essayer d'ajouter le champ caché...?

    $('form.').submit(function(event) {  

    $.post('submit.php',$(this).serialize()+'&parentid='+$('#parentid').val(),function(msg){
    }
});
    • Quand j'ai alert($(this).serialize ()), il affiche tout correctement. name=test&email=test%40test.com&website=http%3A%2F%2Fillustratut.com&body=Test+msg&parentid=7
    InformationsquelleAutor Ben
  3. 0

    Votre script devrait fonctionner correctement. Veuillez vérifier parentid au backend s'il est null ou 0 ?? vous pouvez utiliser 

    var_dump($arr);

    Puis vérifier le parentid champ de la table des commentaires si elle accepte de 0 ou la valeur null ou pas et de vérifier votre clé étrangère est définie dans une manière que vous méritez.

    Grâce

    • Je pense que parentid domaine n'accepte pas la valeur null ou 0 en raison de il est de clé étrangère.
    • C'est dumping, seuls les quatre premiers éléments du tableau, pas parentid; cependant, quand j'ai alert() de la forme sérialisée, la parentid s'affiche correctement. parentid int(11) not NULL DEFAULT '0'
    • Alors je pense que vous utilisez d'anciennes Jquery 🙂 vous pouvez essayer comme dit Ryan serialize ()+ " &parentid='+$('#parentid').val(), Il doit fonctionner. Merci
    • Peut-être que vous avez quelques défauts dans votre code PHP. Ce n' print_r($_POST) vous donner?
    • J'utilise jQuery 1.4.2 @Felix Kling: print_r($_POST) les résultats correctement. Array ( [nom] => test [email] => [email protected] [site web] => test.com [body] => test de texte [parentid] => 8 )
    • Il semble alors vous avez raté quelque sorte le paramètre de la transformation de la $_POST tableau de $arr. Pouvez-vous poster plus de votre code PHP?
    • Hmm, la seule autre chose que je fais à l' $arr après le post est de désinfecter avec foreach($data as $k=>$v){$arr[$k]=mysql_real_escape_string($v);} Puis if($sanitized){//mysql_query insert statement}
    • Mais si les données sont contenues $_POST il doit y avoir quelque chose de mal. Vérifiez votre code étape par étape.
    • Je n'arrive pas à comprendre, j'ai été à elle pendant 3 jours maintenant...coincé sur ce problème.

    InformationsquelleAutor Muhit
  4. -2

    Lorsque vous sérialiser un formulaire, les données sont délimitées par des esperluettes (&)

    Dans votre code PHP que vous avez à exploser sur les esperluettes (&puis sautez à nouveau pour chacun dans ce nouveau tableau sur le signe=.

    Exemple

    $thedata = explode("&", $_POST['data']);
foreach($thedata as $new) {
    list($x, $y) = explode("=", $new);
    ${$x} = $y;
}

    Alors vous aurez PHP les variables comme $nom, $email, $adresse, etc tout ce que vous avez nommé vos entrées sur le formulaire.

    • C'est tout simplement faux. $.post('submit.php',$(this).serialize()) ne permet pas de créer des données pour une variable post.
    • Non, jQuery seront envoyées les données que la normale des paramètres POST. Vous semblez penser que jQuery va envoyer qu'un seul paramètre (data) avec les données sérialisées. Ce n'est pas correct. Et l'OP dit déjà qu'il fonctionne pour tous, mais le champ caché.
    InformationsquelleAutor dockeryZ