Obtenir bouton radio de la valeur et de l'envoyer par ajax, php

J'ai un sondage sur mon site qui affiche des boutons radio à côté de chaque réponse. Lorsque l'utilisateur sélectionne une option et soumet, im de l'exécution d'un script php via ajax pour insérer la valeur ou le bouton d'option sélectionné dans une table.

Mon Ajax est en cours d'exécution, mais est actuellement en insérant une 0 ligne chaque ligne, il n'est donc pas la cueillette jusqu'à la valeur du bouton radio. Toute aide serait appréciée.

HTML:

<form id="poll_form" method="post" accept-charset="utf-8">  
    <input type="radio" name="poll_option" value="1" id="poll_option" /><label for='1'>&nbsp;Arts</label><br />
    <input type="radio" name="poll_option" value="2" id="poll_option" /><label for='2'>&nbsp;Film</label><br />
    <input type="radio" name="poll_option" value="3" id="poll_option" /><label for='3'>&nbsp;Games</label><br />
    <input type="radio" name="poll_option" value="4" id="poll_option" /><label for='4'>&nbsp;Music</label><br />
    <input type="radio" name="poll_option" value="5" id="poll_option" /><label for='5'>&nbsp;Sports</label><br />
    <input type="radio" name="poll_option" value="6" id="poll_option" /><label for='6'>&nbsp;Television</label><br />    
    <input type="submit" value="Vote &rarr;" id="submit_vote" class="poll_btn"/> 
</form>

AJAX:

    $("#submit_vote").click(function(e)
    { 
    var option=$('input[type="radio"]:checked').val();
    $optionID = "="+optionID;

    $.ajax({
        type: "POST",
        url: "ajax_submit_vote.php",
        data: {"optionID" : $optionID}
    });
});

PHP: (version abrégée)

    if($_SERVER['REQUEST_METHOD'] == "POST"){

    //Get value from posted form
    $option = $_POST['poll_option'];

    //Insert into db
    $insert_vote = "INSERT into poll (userip,categoryid) VALUES ('$ip','$option')";

Merci d'avance!

  • data: {"optionID" : $optionID} devrait être data: {optionID : $optionID}
  • Êtes-vous d'obtenir la valeur correcte dans l'option variable pour commencer? Si pas, essayez de $('input[type="radio"]['name=poll_option']:checked').val(); Avis de la nouvelle addition de ['nom-poll_option'] après type="radio"
InformationsquelleAutor Paul 'Macca' McGill | 2013-04-04
  1. 9
    $("#submit_vote").click(function(e){ 

    $.ajax( {
      type: "POST",
      url: "ajax_submit_vote.php",
      data: $('#poll_form').serialize(),
      success: function( response ) {}
    });

});

    Vous devriez alors la variable POST "poll_option" accessible dans votre script PHP.

    • Merci StuR a parfaitement fonctionné 🙂
    InformationsquelleAutor StuR
  2. 2
    var option = $('input[type="radio"]:checked').val();

$.ajax({
    type: "POST",
    url: "ajax_submit_vote.php",
    data: { poll_option : option }
});

    Dans le PHP que vous lisez $_POST['poll_option'], par conséquent, vous devez utiliser poll_option comme clé dans votre objet de données. Aussi, la valeur est stockée dans option pas $optionID que vous étiez en train d'utiliser.

    La $ est un caractère valide dans les noms de variable en Javascript, il n'a rien fait de spécial lui-même, mais certains codeurs préfixe tout ce qui est un objet jQuery avec $ afin qu'ils puissent coup d'œil à l'aide de code et de voir facilement quelles variables ont déjà jQuery wrapper.

    Par exemple:

    var $option = $('input[type="radio"]:checked'); //$option is the jQuery wrapped HTML element
var myValue = $option.val(); //we know $option already has the jQuery wrapper so no need to use the $(..) syntax.
    InformationsquelleAutor MrCode
  3. 0
      $optionID = "="+optionID;

    Je n'arrive pas à comprendre ce que vous essayez de faire ici de l'o.O, en javascript, vous n'avez pas de définir vos variables à l'aide de $.

    data: { optionID : option}

    de l'utiliser comme cela devrait fonctionner. Vous permettrait de récupérer comme ça en PHP:

    $option_value=$_POST['optionID'];
    InformationsquelleAutor Naryl